/* Planvid design tokens: the ONE place for colours, corners, shadows, spacing and motion.
   Change a value here and the whole site follows (re-theme or rebrand later). Loaded before styles.css. */
:root {
  /* Brand */
  --navy: #0b1d3a;
  --navy-2: #13294f;
  --gold: #ffd400;
  --gold-ink: #3a2f00;
  --ok: #0f8a4b;
  --warn: #b45309;
  --bad: #c0262d;
  --price: #22c55e;

  /* Surfaces (light) */
  --bg: #f4f6fa;
  --card: #ffffff;
  --ink: #0f172a;
  --muted: #5b6577;
  --line: rgba(15, 23, 42, 0.07);

  /* Corners */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-pill: 999px;
  --radius: var(--r-lg);

  /* Soft layered shadows instead of hard outlines */
  --shadow: 0 1px 1px rgba(15, 23, 42, 0.03), 0 2px 6px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.06);
  --shadow-up: 0 2px 4px rgba(15, 23, 42, 0.06), 0 18px 48px rgba(15, 23, 42, 0.16);
  --glow: inset 0 1px 0 rgba(255, 255, 255, 0.06);

  /* Spacing scale */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px;

  /* Frosted glass bars */
  --glass: rgba(11, 29, 58, 0.9);
  --glass-blur: saturate(160%) blur(18px);

  /* Motion: springy ease-out, nothing linear */
  --ease-spring: cubic-bezier(0.22, 1.24, 0.36, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 200ms;
  --t-mid: 280ms;
  --t-slow: 350ms;
  --press-scale: 0.97;

  /* Touch */
  --tap: 44px;

  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #070f1f;
    --card: #0f1c35;
    --ink: #e8edf6;
    --muted: #9aa6bb;
    --line: rgba(255, 255, 255, 0.07);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.28);
    --shadow-up: 0 18px 48px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}
/* Where the browser supports it, a real spring curve. */
@supports (transition-timing-function: linear(0, 1)) {
  :root {
    --ease-spring: linear(0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017 19.4%, 1.077, 1.121 24%, 1.149 26.3%, 1.159 28.6%, 1.152 31%, 1.130 33.5%, 1.023 43.1%, 0.984 48.6%, 0.977 53.9%, 0.998 70.1%, 1.002 80.6%, 1);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --press-scale: 1; --t-fast: 120ms; --t-mid: 160ms; --t-slow: 200ms; --ease-spring: ease; --ease-out: ease; }
}