/* ============================================================
   THE AURELION GROUP — DESIGN TOKENS
   Single source of truth for the visual identity.
   Re-skin the entire site by editing values here.
   ============================================================ */

:root {
  /* ---- Colour ----
     Warm ivory ground (not pure white) for a gallery/stationery feel.
     Near-black ink. One muted brass accent. No pink (per brief). */
  --color-bg:            #FBFAF7;  /* page background — warm ivory */
  --color-bg-alt:        #F3F0EA;  /* alternating section band */
  --color-ink:           #1A1A18;  /* primary text — near black */
  --color-ink-soft:      #4A4843;  /* secondary text */
  --color-ink-muted:     #8A867D;  /* captions, meta, labels */
  --color-line:          #DED9CF;  /* hairline borders */
  --color-accent:        #9A7B4F;  /* muted brass — used sparingly */
  --color-accent-dark:   #7C6240;  /* hover state for accent */
  --color-on-dark:       #F7F4EE;  /* text on dark imagery/overlays */
  --color-overlay:       rgba(20, 19, 17, 0.34); /* image legibility scrim */

  /* ---- Typography ----
     Cormorant (display serif) for headings + wordmark.
     Inter-class system sans for body. */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Fluid type scale (clamp: min, preferred, max) */
  --fs-hero:    clamp(2.75rem, 6vw, 5rem);     /* hero H1 */
  --fs-h1:      clamp(2.25rem, 4.5vw, 3.5rem);  /* page H1 */
  --fs-h2:      clamp(1.75rem, 3vw, 2.5rem);    /* section heads */
  --fs-h3:      clamp(1.25rem, 2vw, 1.5rem);    /* sub heads */
  --fs-lead:    clamp(1.125rem, 1.6vw, 1.375rem); /* intro/lede */
  --fs-body:    1.0625rem;   /* 17px base body */
  --fs-small:   0.875rem;
  --fs-label:   0.75rem;     /* letter-spaced labels */

  --lh-tight:   1.12;
  --lh-snug:    1.3;
  --lh-body:    1.7;

  --ls-label:   0.22em;   /* wide tracking for small caps labels */
  --ls-wide:    0.04em;
  --weight-body:    400;
  --weight-medium:  500;
  --weight-display: 500;  /* Cormorant looks best at 500 for headings */

  /* ---- Spacing (8px rhythm, generous) ---- */
  --space-1:  0.5rem;
  --space-2:  1rem;
  --space-3:  1.5rem;
  --space-4:  2rem;
  --space-5:  3rem;
  --space-6:  4rem;
  --space-7:  6rem;
  --space-8:  8rem;     /* section vertical padding (desktop) */
  --space-section: clamp(1.8rem, 4.25vw, 3.625rem);

  /* ---- Layout ---- */
  --maxw-page:    1240px;   /* outer container */
  --maxw-content: 720px;    /* readable prose measure */
  --maxw-wide:    1000px;
  --gutter:       clamp(1.75rem, 5vw, 4rem);

  /* ---- Misc ---- */
  --radius:     2px;        /* near-square; luxury = minimal rounding */
  --border:     1px solid var(--color-line);
  --transition: 180ms ease; /* used only for hover affordances; no scroll/entrance motion (per brief) */
}