/* =====================================================
   LUMMET PUBLIC SITE — DESIGN TOKENS
   Colours, type, spacing, radii, shadows. Light is the default;
   dark applies via [data-theme="dark"] (set by /static/js/theme.js,
   which follows the OS setting until the visitor picks one).
   Fonts are the system stack: nothing is downloaded, nothing blocks
   first paint, and there is no third-party font request.
   ===================================================== */
:root,
:root[data-theme="light"] {
  --accent: #6d5bf6;
  --accent-2: #22d3ee;
  --accent-ink: #4b3fd1;
  --accent-soft: rgba(109, 91, 246, 0.1);
  --accent-glow: rgba(109, 91, 246, 0.35);

  --bg: #ffffff;
  --bg-soft: #f6f7fb;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --ink: #0f1222;
  --ink-dim: #4a5068;
  --ink-faint: #7a809a;
  --border: #e4e7f1;
  --border-strong: #cfd4e6;
  --header-bg: rgba(255, 255, 255, 0.78);

  --dark-1: #0d0e1a;
  --dark-2: #1a1638;
  --on-dark: #ffffff;
  --on-dark-dim: rgba(255, 255, 255, 0.74);
  --danger: #c4264a;
  --danger-soft: rgba(196, 38, 74, 0.08);

  --shadow-sm: 0 1px 2px rgba(15, 18, 34, 0.06);
  --shadow-md: 0 8px 24px -8px rgba(15, 18, 34, 0.14);
  --shadow-lg: 0 24px 60px -20px rgba(45, 35, 120, 0.28);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --accent: #8b7bff;
  --accent-2: #38e1f5;
  --accent-ink: #b3a8ff;
  --accent-soft: rgba(139, 123, 255, 0.14);
  --accent-glow: rgba(139, 123, 255, 0.4);

  --bg: #0a0b14;
  --bg-soft: #10121f;
  --surface: #12142a;
  --surface-raised: #191c38;
  --ink: #eef0fb;
  --ink-dim: #a9afca;
  --ink-faint: #7d84a3;
  --border: #23264a;
  --border-strong: #33376a;
  --header-bg: rgba(10, 11, 20, 0.72);
  --danger: #ff7a93;
  --danger-soft: rgba(255, 122, 147, 0.12);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 10px 30px -10px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 24px 70px -20px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

:root {
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-lg: clamp(1.05rem, 0.98rem + 0.35vw, 1.25rem);
  --fs-h3: clamp(1.1rem, 1.02rem + 0.4vw, 1.3rem);
  --fs-h2: clamp(1.65rem, 1.3rem + 1.7vw, 2.5rem);
  --fs-h1: clamp(2.1rem, 1.4rem + 3.4vw, 3.9rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6.5rem;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --container: 1160px;
  --narrow: 760px;
  --header-h: 68px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}