/*
 * THE LANDING PAGE'S TOKENS — A FROZEN COPY (PLAN.md v2 ruling 5, U7).
 *
 * Copied by hand from the app's design tokens (apps/web/src/app/ui/tokens.ts,
 * documented in docs/DESIGN.md) and the handoff's `LOF Landing.dc.html`, as they
 * stood at U7. **Drift from the app is expected and is the point:** the marketing
 * site must not be restyled by an app change (a contrast fix, a new glass recipe),
 * so nothing here is imported from apps/web and nothing in apps/web imports this.
 * To change the page's look, change this file; to follow the app, copy again.
 *
 * Dark and Cool only: the landing page has no theme switch and no palette.
 */
:root {
  color-scheme: dark;

  /* Ink */
  --lp-ink: #f2f0ea;
  --lp-ink-strong: #f7f6f2;
  --lp-ink-body: #c2c5cc;
  --lp-ink-secondary: #d4d6dc;
  --lp-ink-muted: #b3b7c0;
  --lp-ink-faint: #a0a4ae;
  --lp-on-ink: #15181f;
  --lp-hairline: rgba(242, 240, 234, 0.07);
  --lp-hairline-strong: rgba(242, 240, 234, 0.2);

  /* The page behind the moving gradient, and the gradient's own fallback tints */
  --lp-bg: #0b0f16;
  --lp-fallback-a: #1c3550;
  --lp-fallback-b: #1d5560;

  /* Glass: panel, card (the stat cards), and the two button recipes */
  --lp-panel-bg: rgba(255, 255, 255, 0.084);
  --lp-panel-border: rgba(255, 255, 255, 0.14);
  --lp-panel-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.17), 0 40px 90px -30px rgba(0, 0, 0, 0.7);
  --lp-card-bg: rgba(255, 255, 255, 0.1);
  --lp-well-bg: rgba(255, 255, 255, 0.04);
  --lp-well-border: rgba(255, 255, 255, 0.08);
  --lp-btn-bg: rgba(255, 255, 255, 0.16);
  --lp-btn-bg-hover: rgba(255, 255, 255, 0.24);
  --lp-btn-border: rgba(255, 255, 255, 0.28);
  --lp-btn-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    0 10px 30px -10px rgba(0, 0, 0, 0.5);
  --lp-btn2-bg: rgba(255, 255, 255, 0.06);
  --lp-btn2-bg-hover: rgba(255, 255, 255, 0.12);
  --lp-btn2-border: rgba(255, 255, 255, 0.16);
  --lp-btn2-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  --lp-solid: #161b24;

  /* The preview's ON TRACK card */
  --lp-band-bg: rgba(80, 170, 115, 0.2);
  --lp-band-label: #94d6ab;
  --lp-band-text: #d3ebdb;

  /* Cell states, as the app draws them: Target, Floor, Missed, Not yet */
  --lp-cell-floor-bg: rgba(255, 255, 255, 0.08);
  --lp-cell-missed-border: rgba(242, 240, 234, 0.32);
  --lp-cell-missed-bg: rgba(255, 255, 255, 0.11);
  --lp-cell-notyet-border: rgba(242, 240, 234, 0.22);

  /* Domain dots (illustrative: a user's own domains are their own) */
  --lp-dot-1: #c08a3e;
  --lp-dot-2: #5f8a64;
  --lp-dot-3: #3f8a8a;
  --lp-dot-4: #6f78b3;
  --lp-dot-5: #8e6fb0;
  --lp-dot-6: #5a8fc2;
  --lp-dot-7: #c7703f;

  /* The phone's screen */
  --lp-phone-frame: rgba(20, 24, 32, 0.72);
  --lp-phone-screen: #11161e;
  --lp-phone-blob-a: oklch(0.42 0.08 240);
  --lp-phone-blob-b: oklch(0.44 0.07 190);

  /* Type: system fonts, as in the app */
  --lp-font-display: ui-serif, Georgia, 'Noto Serif', serif;
  --lp-font-ui: system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;

  /* Focus */
  --lp-focus: #9fd0ff;
}