/* ÉCLAT · design tokens.
   Day/night (dark/light) toggle is DISABLED as of this edit — see below.
   "navy" is now the default theme: a light theme where the near-white
   zigzag backgrounds (--bg / --bg-2 / --bg-3) are replaced with lighter
   navy tones for visible section contrast instead of white-on-white.
   The original "dark" and "light" blocks are kept fully intact and can be
   re-enabled later (re-add the toggle button + wire helpers.php back to
   the cookie — see comments in app/helpers.php and app/views/layout.php). */
:root {
  /* type */
  --font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --fs-eyebrow: 0.72rem;
  --fs-body: 1.02rem;
  --fs-lead: clamp(1.12rem, 0.6rem + 1.1vw, 1.4rem);
  --h4: clamp(1.05rem, 0.9rem + 0.6vw, 1.3rem);
  --h3: clamp(1.4rem, 1rem + 1.4vw, 2rem);
  --h2: clamp(2.05rem, 1.2rem + 3.4vw, 3.4rem);
  --h1: clamp(2.9rem, 1.2rem + 7vw, 6rem);

  /* spacing / layout */
  --container: 1220px;
  --container-narrow: 880px;
  --gutter: clamp(20px, 5vw, 64px);
  --section-y: clamp(60px, 6vw, 104px);
  --radius: 3px;
  --radius-lg: 6px;

  /* motion (slow + eased = luxe) */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur: 0.65s;
  --dur-fast: 0.28s;
}

/* ---- Navy (default — light theme) ----
   --bg   stays the original off-white page background (#f5f5f5) — unchanged.
   --bg-2 is a very subtle, barely-there navy-toned white (was the near-white
          #fafafa) — used by footer, alternating sections, cards/panels,
          forms, etc. Just enough cool tint to read as intentional, not a
          visible blue.
   --bg-3 stays white (#ffffff) — cards/media pop against --bg-2 panels.
   --header-scroll-bg is separate from --bg-2 — it's the same deep navy
          already used behind the hero (rgba(16,34,68), i.e. #102244), so
          the scrolled header (and the stat band) visually match the hero.
   --navy-ink / --navy-ink-2 are readable text colors for on top of
          --header-scroll-bg (used by the scrolled header + stat band only —
          scoped with [data-theme="navy"] selectors in header.css/cards.css
          so the disabled dark/light themes are completely unaffected).
   Text/accent/line/shadow/overlay are unchanged from the Light theme. */
:root,
[data-theme="navy"] {
  --bg: #f5f5f5;
  --bg-2: #f4f5f8;
  --bg-3: #ffffff;
  --header-scroll-bg: #102244;
  --navy-ink: #ffffff;
  --navy-ink-2: rgba(255, 255, 255, 0.66);
  --text: #191510;
  --text-2: #5d554a;
  --text-3: #8b8276;
  --line: #e6ddce;
  --line-2: #d8cdb8;
  --accent: #8f4a32;
  --accent-2: #a56e5b;
  --accent-ink: #fbf8f1;
  --overlay: linear-gradient(180deg, rgba(16,34,68,0.10) 0%, rgba(16,34,68,0.5) 100%);
  --shadow: 0 24px 50px -30px rgba(16,34,68,0.35);
  --img-filter: none;
}

/* ---- Dark (DISABLED — day/night toggle is off, kept for future use.
   Re-enable by: 1) restoring the toggle button in header.php, 2) restoring
   'core/theme-toggle' in the $core_js list in layout.php, 3) switching
   current_theme() in app/helpers.php back to reading the cookie.) ---- */
[data-theme="dark"] {
  --bg: #0c0b0e;
  --bg-2: #131116;
  --bg-3: #1b181f;
  --header-scroll-bg: #131116;
  --text: #f2ede4;
  --text-2: #b3aca1;
  --text-3: #7d766c;
  --line: #29242f;
  --line-2: #3a3442;
  --accent: #c46b4c;
  --accent-2: #d99f8b;
  --accent-ink: #0c0b0e;
  --overlay: linear-gradient(180deg, rgba(16,34,68,0.25) 0%, rgba(16,34,68,0.72) 100%);
  --shadow: 0 24px 60px -28px rgba(16,34,68,0.7);
  --img-filter: grayscale(0.15) contrast(1.02);
}

/* ---- Light (DISABLED — original off-white light theme, kept for future
   use. See the note above "Dark" for how to re-enable the toggle.) ---- */
[data-theme="light"] {
  --bg: #f5f5f5;
  --bg-2: #fafafa;
  --bg-3: #ffffff;
  --header-scroll-bg: #fafafa;
  --text: #191510;
  --text-2: #5d554a;
  --text-3: #8b8276;
  --line: #e6ddce;
  --line-2: #d8cdb8;
  --accent: #8f4a32;
  --accent-2: #a56e5b;
  --accent-ink: #fbf8f1;
  --overlay: linear-gradient(180deg, rgba(16,34,68,0.10) 0%, rgba(16,34,68,0.5) 100%);
  --shadow: 0 24px 50px -30px rgba(16,34,68,0.35);
  --img-filter: none;
}