/*
 * ShipMore landing — theme tokens (shadcn neutral + mint accent)
 *
 * Single source of truth for colors and fonts on this lander.
 * styles.css and sections.css consume these variables — never hardcode oklch/hex in those files.
 * To rebrand, edit ONLY this file.
 */

:root {
  /* Layout rhythm — the single knob for every section's vertical breathing room.
     Applied symmetrically as `padding: var(--vspace) 0` on each section's content block,
     so "section title → content" equals "content → next divider" on every section. */
  --vspace: 112px;

  /* Monochrome — shadcn neutral, dark default */
  --bg: oklch(0.145 0 0);
  --bg-1: oklch(0.205 0 0);
  --bg-2: oklch(0.235 0 0);
  --bg-3: oklch(0.269 0 0);
  --line: oklch(1 0 0 / 15%);
  --line-soft: oklch(1 0 0 / 10%);
  --fg: oklch(0.985 0 0);
  --fg-2: oklch(0.85 0 0);
  --fg-3: oklch(0.708 0 0);
  --fg-4: oklch(0.556 0 0);

  /* Accent + semantic colors (mint-green family) */
  --accent: oklch(0.77 0.15 163);
  --accent-dim: oklch(0.60 0.13 163);
  --accent-glow: oklch(0.77 0.15 163 / 0.18);
  --accent-fg: oklch(0.26 0.05 173);
  --cyan: oklch(0.85 0.13 165);
  --amber: oklch(0.70 0.15 162);
  --magenta: oklch(0.51 0.10 166);
  --red: oklch(0.704 0.191 22.216);

  /* Frame lift — white bloom on dark, dark shadow on light (overridden below) */
  --frame-shadow: oklch(1 0 0 / 0.16);

  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-sans: "Space Grotesk", -apple-system, "Helvetica Neue", sans-serif;
}

[data-theme="light"] {
  --bg: oklch(1 0 0);
  --bg-1: oklch(0.985 0 0);
  --bg-2: oklch(0.97 0 0);
  --bg-3: oklch(0.94 0 0);
  --line: oklch(0.922 0 0);
  --line-soft: oklch(0.95 0 0);
  --fg: oklch(0.145 0 0);
  --fg-2: oklch(0.30 0 0);
  --fg-3: oklch(0.556 0 0);
  --fg-4: oklch(0.708 0 0);
  --accent: oklch(0.60 0.13 163);
  --accent-dim: oklch(0.51 0.10 166);
  --accent-glow: oklch(0.60 0.13 163 / 0.14);
  --accent-fg: oklch(0.98 0.02 166);
  --frame-shadow: oklch(0 0 0 / 0.20);
}