/* ============================================================
   LUCELLO DESIGN TOKENS — single source of truth
   Change brand accents here; every page inherits them.
   ============================================================ */
:root {
  /* Surfaces */
  --bg-0: #05060c;
  --bg-1: #090b14;
  --bg-2: #0e1120;
  --glass: rgba(148, 163, 216, 0.06);
  --glass-strong: rgba(148, 163, 216, 0.10);
  --line: rgba(148, 163, 216, 0.14);
  --line-strong: rgba(148, 163, 216, 0.26);

  /* Text */
  --text-hi: #eef2ff;
  --text-mid: #a7b0cc;
  --text-low: #6b7490;

  /* Accents */
  --acc-1: #6ee7ff; /* cyan   */
  --acc-2: #a78bff; /* violet */
  --acc-3: #ff7ac6; /* pink   */
  --acc-ok: #4ade80;
  --acc-warn: #fbbf24;
  --acc-bad: #f87171;
  --grad-brand: linear-gradient(100deg, var(--acc-1) 0%, var(--acc-2) 55%, var(--acc-3) 110%);
  --grad-soft: linear-gradient(100deg, rgba(110,231,255,.14), rgba(167,139,255,.14));

  /* Type */
  --font-display: "Sora", "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-serif: "Marcellus", "Cormorant Garamond", Georgia, serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;

  /* Scale */
  --r-xl: 26px;
  --r-lg: 18px;
  --r-md: 12px;
  --r-sm: 8px;

  /* Motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --t-fast: 160ms;
  --t-med: 320ms;
  --t-slow: 640ms;

  /* Layout */
  --shell: 1200px;
  --nav-h: 72px;
}