/* XEMX brand tokens — change palette here only */
:root {
  /* Palette */
  --color-ink:         #0F1A14;
  --color-ink-soft:    #3A4D42;
  --color-ink-muted:   #6B7D72;
  --color-accent:      #1A6640;
  --color-accent-mid:  #2D8A58;
  --color-accent-pale: #EBF5EF;
  --color-gold:        #8B6914;
  --color-gold-pale:   #FDF6E3;
  --color-page:        #FAFCFB;
  --color-surface:     #FFFFFF;
  --color-rule:        #C8D5CC;
  --color-rule-light:  #E5EDE8;
  --color-error:       #7B1D1D;
  --color-error-pale:  #FDE8E8;

  /* Semantic aliases */
  --color-text-primary:   var(--color-ink);
  --color-text-secondary: var(--color-ink-soft);
  --color-text-muted:     var(--color-ink-muted);
  --color-bg:             var(--color-page);
  --color-bg-elevated:    var(--color-surface);
  --color-border:         var(--color-rule);
  --color-border-light:   var(--color-rule-light);
  --color-brand:          var(--color-accent);
  --color-brand-hover:    var(--color-accent-mid);
  --color-brand-subtle:   var(--color-accent-pale);

  /* Typography */
  --font-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-ui:      'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --text-xs:   0.6875rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  clamp(1.75rem, 4vw, 2.5rem);
  --text-3xl:  clamp(2.25rem, 5vw, 3.25rem);
  --text-hero: clamp(2.5rem, 6vw, 4rem);

  /* Spacing */
  --space-section: clamp(4rem, 10vw, 7rem);
  --space-gutter:  clamp(1.25rem, 4vw, 3rem);
  --max-width:     72rem;
  --max-text:      38rem;

  /* Shape & motion */
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   8px;
  --shadow-soft: 0 4px 48px rgba(15, 26, 20, 0.08);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --duration:    0.45s;

  /* Nav */
  --nav-height: 4rem;
}