/* ============================================================================
   PUBLIC EDITORIAL LAYER — DESIGN TOKENS
   ----------------------------------------------------------------------------
   The approved "Living Fiesta Editorial" homepage design (Docs/mockups/
   living-fiesta-homepage.html, client-approved 2026-10-03). Loaded on every
   public page so the shared header/footer can use them; the homepage sections
   (css/home/home.css) and the shell (css/public/shell.css) read nothing else.

   Colour: paper/ink neutrals, then only the two official logos —
     wordmark  green #039464 · teal #015C6F · navy #003177
     PTO seal  red #D71B1B · lime #68C64F / #90CB59 · sky blue #24A1EC / #1DC2F6
   Darker steps of the same hues carry night, deep water and the dusk gradient.
   Values were sampled from the logo files; replace them here (one place) when
   the PTO supplies official codes.

   Not to be confused with --lakbay-* (style.css § 1), which still drives the
   Bootstrap inner pages and the admin preset mechanism.
   ============================================================================ */
:root {
  /* neutrals */
  --paper: #F4EEE3; --paper-2: #EBE2D2; --paper-3: #DDD0B9;
  --ink: #17140F; --ink-2: #3A352D; --ink-3: #6A6257;

  /* brand */
  --green: #039464; --green-deep: #096433; --green-ink: #06452F;
  --lime: #68C64F; --lime-2: #90CB59;
  --teal: #015C6F;
  --sky: #24A1EC; --sky-2: #1DC2F6;
  --navy: #003177; --navy-deep: #0A1A3F; --navy-ink: #021638;
  --red: #D71B1B; --red-ink: #AB2222; --red-deep: #7A1212;
  --night: #070C1A; --night-2: #04070F;

  /* type */
  --f-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --f-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-mega: clamp(3.1rem, min(10.2vw, 15.5vh), 11.5rem);
  --fs-xl: clamp(2.5rem, 7.2vw, 8rem);
  --fs-l: clamp(2.05rem, 5.1vw, 5.3rem);
  --fs-m: clamp(1.45rem, 2.5vw, 2.4rem);
  --fs-lead: clamp(1.04rem, 1.22vw, 1.24rem);
  --fs-small: .875rem; --fs-label: .7rem;

  /* space: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 · 128 */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px;
  --gutter: clamp(16px, 4.4vw, 72px);
  --w-text: 36rem;

  --r0: 0; --r1: 2px; --r2: 6px; --r-pill: 999px;

  /* motion: micro (interaction) · ui · reveal (transition) · scene (signature) · ambient */
  --e-out: cubic-bezier(.16, 1, .3, 1);
  --e-io: cubic-bezier(.65, 0, .35, 1);
  --e-sway: cubic-bezier(.37, 0, .63, 1);
  --d-micro: 180ms; --d-ui: 420ms; --d-reveal: 1100ms; --d-scene: 1600ms; --d-ambient: 9s;

  --z-raise: 10; --z-sticky: 50; --z-dock: 90; --z-nav: 100; --z-menu: 150; --z-overlay: 200; --z-loader: 300; --z-grain: 400;

  /* the phone dock's height, so page bottoms can clear it */
  --dock: 0px;
}
@media (max-width: 899px) { :root { --dock: 64px; } }