/* Freediver marketing site — LIGHT THEME OVERRIDE.
   The design system ships dark-only ("open water, no light theme"); CLAUDE.md requires two themes
   on every surface, and whether the marketing site follows the app or the design system is the
   owner's open call (fd-f1zx.3). Until it is made, this file is the cheapest shape for either
   answer: it remaps the design system's OWN variable names to the values of the app's light
   palette in free-app/theme/tokens.ts (`const light`), so nothing else on the page knows a second
   theme exists. Dark-only ruling: delete the <link> to this file. Two-theme ruling: keep it, and
   reconcile it with tokens.ts whenever that palette moves.

   These values are the app's, not the design system's — every one is copied from tokens.ts with its
   role named. Do not invent a light value here; add it to tokens.ts first. */
@media (prefers-color-scheme: light) {
  :root {
    /* Surfaces — tokens.ts light: bg, navBg, darkest, card, modalBg, inputBg, grey30 */
    --bg-mockup: #F2F6FA;
    --bg-deep: #F2F6FA;
    --bg-deeper: #FFFFFF;
    --bg-darkest: #E4EBF3;
    --bg-nav: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-card-2: #F2F6FA;
    --bg-tile: #FFFFFF;
    --bg-tile-pressed: #DEE6EF;
    --bg-input: #FFFFFF;
    --bg-track: #DEE6EF;
    --bg-overlay: rgba(15, 27, 42, 0.35);
    --bg-surface-pressed: #DEE6EF;

    /* Accent — tokens.ts light: accent, accentBright, accentFill, accentPressed, accentTint, accentBorder */
    --accent: #0089A0;
    --accent-bright: #1C6FD0;
    --accent-deep: #00788C;
    --accent-dim: #006E82;
    --accent-info: #1C7FC4;
    --accent-blue: #1C7FC4;
    --accent-tint: rgba(0, 137, 160, 0.08);
    --accent-border: rgba(0, 137, 160, 0.45);

    /* Structural — tokens.ts light: grey50, grey40, cardBorder */
    --icon-inactive: #93A6BC;
    --icon-active: #5879A7;
    --rule: #DCE4EE;
    --border-subtle: #DCE4EE;

    /* Text — tokens.ts light: textPrimary, textSecondary, textMuted, textInactive, textSub, onAccent */
    --text: #0F1B2A;
    --text-2: #33465E;
    --text-3: #63788F;
    --text-inactive: #5B6E86;
    --text-sub: #4A5F79;
    --text-on-accent: #FFFFFF;

    /* Semantic — tokens.ts light: success, ratingFill, gold, danger */
    --success: #1F8F5C;
    --info: #1C7FC4;
    --warning: #9A7420;
    --destructive: #D40053;
    --pill-aqua: #1F8F5C;
    --pill-blue: #1C7FC4;
    --pill-orange: #9A7420;
    --pill-durian: #9A7420;
    --pill-red: #D40053;

    /* Effects — a glow on a light page reads as a smear; shadows use the app's light shadow ink. */
    --glow-logo: none;
    --shadow-card: 0 4px 12px rgba(74, 90, 110, 0.18);
    --shadow-btn: 0 1px 1px rgba(74, 90, 110, 0.12);
  }
}