/* ============================================================
   Founders Bridge — Design Tokens
   Direction: light editorial. Warm paper, ink type, one signal
   accent. Rules and negative space do the structural work;
   shadows are almost absent by design.
   ============================================================ */

:root {
  /* ---- Surfaces: warm paper scale ---- */
  --paper:        #F4F3EE;   /* page ground */
  --paper-raised: #FBFAF8;   /* panels lifted off the page */

  /* ---- Ink scale ---- */
  --ink:   #14161A;          /* primary type, dark surfaces        */
  --ink-2: #3C4149;          /* secondary type                     */
  --ink-3: #666B73;          /* muted body — 4.9:1 on paper        */
  --ink-4: #767B83;          /* 3.9:1 — decorative, or text >=24px */

  /* Ink on the acid panel. Anything below ~0.72 alpha drops under 4.5:1. */
  --on-acid-muted: rgba(20, 22, 26, 0.74);

  /* ---- Signal accent ----
     12:1 against both ink and paper-on-accent, but only 1.4:1 as
     type on paper. Never set body copy in it on a light surface:
     use it as a FILL behind ink, or as type on ink. --------------- */
  --acid:      #BCE22E;
  --acid-deep: #A6C91C;      /* pressed / hover state of acid fills */

  /* ---- On dark surfaces ---- */
  --on-ink:       #F4F3EE;
  --on-ink-muted: #9AA0A8;   /* 6.8:1 on ink */

  /* ---- Rules (the primary structural device) ---- */
  --rule:        rgba(20, 22, 26, 0.13);
  --rule-strong: rgba(20, 22, 26, 0.28);
  --rule-ink:    rgba(244, 243, 238, 0.16);

  /* ---- Type families ---- */
  --font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-sans: "Inter Tight", -apple-system, "Helvetica Neue", Arial, sans-serif;

  /* ---- Type scale ---- */
  --text-micro: 0.6875rem;                                   /* 11px labels  */
  --text-xs:    0.78125rem;                                  /* 12.5px       */
  --text-sm:    0.875rem;
  --text-base:  clamp(1rem, 0.95rem + 0.22vw, 1.0625rem);
  --text-lg:    clamp(1.0625rem, 0.98rem + 0.4vw, 1.1875rem);
  --text-xl:    clamp(1.35rem, 1.1rem + 1.1vw, 1.9rem);
  --text-2xl:   clamp(1.9rem, 1.4rem + 2.2vw, 3rem);
  --text-3xl:   clamp(2.4rem, 1.5rem + 3.6vw, 4.4rem);
  --text-4xl:   clamp(3rem, 1.6rem + 5.4vw, 6rem);
  --text-hero:  clamp(3.4rem, 1.1rem + 9.4vw, 10rem);

  --leading-hero:  0.92;
  --leading-snug:  1.12;
  --leading-body:  1.62;
  --leading-loose: 1.75;

  --track-tight: -0.022em;
  --track-hero:  -0.032em;
  --track-label: 0.16em;

  /* ---- Space ---- */
  --space-md:  1.75rem;
  --space-section:    clamp(5.5rem, 4rem + 6vw, 11rem);
  --space-section-sm: clamp(3.5rem, 2.6rem + 3.6vw, 6.5rem);

  --gutter:   clamp(1.25rem, 0.6rem + 3.2vw, 4.5rem);
  --maxw:     1360px;
  --maxw-text: 62ch;

  /* ---- Radius: editorial, so nearly square ---- */
  --r-xs:   2px;
  --r-lg:   14px;
  --r-pill: 999px;

  /* ---- Motion ---- */
  --dur-fast: 160ms;
  --dur:      280ms;
  --dur-slow: 620ms;
  --dur-draw: 1100ms;
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- Z ---- */
  --z-nav: 50;
}