/* =========================================================
   Agnesi Marketing design tokens
   Brand values come from the logo files and brand kit.
   Values marked (derived) are not in the brand kit; they are
   tints/shades of brand colours needed for a dark UI.
   ========================================================= */
:root {
  /* Brand colours */
  --c-charcoal: #2E2E2E;      /* brand charcoal */
  --c-olive: #5B6146;         /* brand olive */
  --c-olive-deep: #4C5338;    /* brand deep olive (olive light background) */
  --c-cream: #F4F0E7;         /* brand cream / "white" */

  /* Dark UI surfaces (derived) */
  --c-ink: #10110E;           /* page base, near-black with an olive cast */
  --c-ink-2: #181914;         /* raised surface */
  --c-ink-3: #22231D;         /* hover surface */
  --c-sage: #AAB18D;          /* accent text on dark, passes AA */
  --c-sage-soft: #7F8766;     /* decorative only, not for body text */

  /* Text on dark */
  --c-text: var(--c-cream);
  --c-text-dim: rgba(244, 240, 231, 0.68);
  --c-text-faint: rgba(244, 240, 231, 0.5);
  --c-line: rgba(244, 240, 231, 0.12);
  --c-line-strong: rgba(244, 240, 231, 0.26);

  /* Status (derived) */
  --c-up: var(--c-sage);
  --c-down: #D9A88A;

  /* Typography (brand style guide, section 05):
     Display, logo and headlines: Cormorant Garamond Medium, sentence case, tight leading.
     Body and accents: Instrument Sans. Accents in capitals, tracking +300 to +500. */
  --f-serif: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --f-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --f-display: var(--f-serif);
  --fw-display: 500;

  --fs-hero: clamp(3.9rem, 12vw, 12rem);
  --fs-h2: clamp(2.8rem, 7vw, 7rem);
  --fs-h3: clamp(1.6rem, 2.8vw, 2.5rem);
  --fs-lead: clamp(1.15rem, 1.6vw, 1.45rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.75rem;

  --tracking-tight: -0.015em;
  --tracking-eyebrow: 0.32em;

  /* Layout */
  --gutter: clamp(1rem, 4vw, 3.5rem);
  --max: 1440px;
  --section-y: clamp(6rem, 14vw, 12rem);
  --radius: 2px;
  --header-h: 76px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur: 0.9s;
}