/* ============================================================
   Litora Labs — "The living passport"
   Design tokens. The palette is the prompt's coast/shores
   direction RECONCILED with the real Waterline logo:
   fathom #0A2530, verdigris #33705F, chart cream #F4F4EF.
   This is deliberately warmer + greener than videnda.app
   (navy/rust) so litoralabs.com stands on its own.
   ============================================================ */

/* ---------- self-hosted fonts (no CDN, no remote requests) ---------- */
@font-face{font-family:"Inter";src:url("../fonts/Inter-Regular.v2.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-Medium.v2.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-SemiBold.v2.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("../fonts/Fraunces-SemiBold.v2.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Regular.v2.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Medium.v2.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Courier Prime";src:url("../fonts/CourierPrime-Regular.v2.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  /* ---- brand palette (reconciled with the Waterline logo) ---- */
  --paper:        #F4F0E8;   /* warm chart cream — the canvas */
  --paper-deep:   #E9E1D3;   /* recessed paper */
  --surface:      #FBF8F1;   /* raised cards */
  --ink:          #14201F;   /* fathom-ink for body text (near the logo's #0A2530) */
  --ink-deep:     #0A2530;   /* the logo's own fathom — headings, the mark */
  --ink-muted:    #5C5F58;   /* muted labels / secondary copy */
  --line:         rgb(10 37 48 / 13%);
  --line-strong:  rgb(10 37 48 / 22%);
  --coast:        #33705F;   /* verdigris — the shores accent (rules, links, focus) */
  --coast-deep:   #245243;   /* darker verdigris for text on paper (AA) */
  --coast-soft:   #C6D6CE;   /* pale coast wash */
  --coast-lit:    #56A38C;   /* reversed/lit verdigris (on dark) */
  --stamp:        #963D32;   /* saturated stamp red — the passport impression */
  --stamp-lit:    #C06552;   /* stamp on dark */
  --brass:        #A37A43;   /* decorative only (aria-hidden mockups) — fails AA as text */
  --brass-deep:   #7E5E30;   /* brass for TEXT on light: 5.2:1 on paper, 5.6:1 on surface (AA) */
  --brass-lit:    #C9A25E;   /* brass on dark */

  /* ---- night (privacy chapter) ---- */
  --night:        #0C1A1C;   /* deep fathom night */
  --night-raised: #14262A;
  --night-line:   rgb(245 241 233 / 12%);
  --night-text:   #F2ECE0;
  --night-muted:  #A9B2AC;

  /* ---- type families ---- */
  --sans:  "Inter", system-ui, -apple-system, sans-serif;
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --mono:  "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
  --hand:  "Courier Prime", "IBM Plex Mono", monospace; /* journal excerpts */

  /* ---- type scale (fluid, from the prompt) ---- */
  --text-xs:     clamp(0.75rem, 0.73rem + 0.08vw, 0.8125rem);
  --text-sm:     clamp(0.875rem, 0.84rem + 0.12vw, 0.9375rem);
  --text-body:   clamp(1rem, 0.96rem + 0.18vw, 1.125rem);
  --text-lead:   clamp(1.125rem, 1.02rem + 0.42vw, 1.375rem);
  --text-h3:     clamp(1.75rem, 1.45rem + 1.2vw, 2.5rem);
  --text-h2:     clamp(2.5rem, 1.85rem + 2.7vw, 4.75rem);
  --text-display:clamp(3.1rem, 2.3rem + 3.2vw, 5.5rem);

  /* ---- spacing scale ---- */
  --space-1: 0.25rem; --space-2: 0.5rem;  --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.5rem;  --space-6: 2rem;    --space-7: 3rem;    --space-8: 4rem;
  --space-9: 6rem;    --space-10: 8rem;   --space-11: 12rem;

  /* ---- radii ---- */
  --r-card: 22px;
  --r-control: 12px;
  --r-pill: 999px;

  /* ---- motion ---- */
  --ease-standard:  cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-emphasized:cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- layout widths ---- */
  --w-page: 1520px;   /* full visual frame */
  --w-content: 1240px;/* primary content column */
  --w-read: 68ch;     /* reading measure */
  --gutter: clamp(18px, 4vw, 64px);
}

/* forced-colors: let the OS drive essential controls */
@media (forced-colors: active){
  :root{ --line: CanvasText; --line-strong: CanvasText; }
}