/*
 * coastline design tokens — the canonical shared file (DESIGN.md §2).
 *
 * This is the single source of truth for the ecosystem's tokens. Web apps in
 * other repositories vendor this file verbatim (with a header naming this
 * source); native apps map it per DESIGN.md §8. Fix deviations here first,
 * then propagate. Never re-declare raw colours in a component.
 */
:root {
  color-scheme: dark;

  /* Surfaces */
  --background: oklch(0.18 0.012 260);
  --surface: oklch(0.22 0.014 260);
  --surface-raised: oklch(0.26 0.016 260);
  --border: oklch(0.32 0.018 260);

  /* Text */
  --foreground: oklch(0.92 0.008 260);
  --muted-foreground: oklch(0.68 0.012 260);

  /* Primary accent — warm beacon amber */
  --primary: oklch(0.78 0.14 75);
  --primary-foreground: oklch(0.22 0.03 75);

  /* Secondary accent — the green-blue of the emblems */
  --secondary: oklch(0.74 0.045 200);
  --secondary-foreground: oklch(0.2 0.02 200);

  /* Feedback */
  --success: oklch(0.72 0.15 150);
  --destructive: oklch(0.62 0.19 25);
  --destructive-foreground: oklch(0.96 0.01 25);

  /* Shape & type */
  --radius: 0.5rem;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "Fira Code", monospace;

  /* Motion */
  --motion-fast: 150ms;
  --motion-base: 300ms;
  --motion-ease: ease-out;

  accent-color: var(--primary);
}