/* Moonlit Tide (v2) — neon citron + ember coral over deep plum; more color in surfaces, less flat black */

:root {
  --theme-name: "Moonlit Tide (v2)";
  color-scheme: dark;
  --c-primary: #EDF060;
  --c-secondary: #F0803C;
  --c-accent: #22D3EE;
  --c-glow-1: #EDF060;
  --c-glow-2: #F0803C;
  --c-glow-3: #A78BFA;
  --c-bg: #140B18;
  --c-surface: #1D1023;
  --c-surface-2: #261430;
  --c-surface-3: #321B3F;
  --c-text: #F7F4FF;
  --c-muted: #C2B6CE;
  --c-border: rgba(237,240,96,.14);
  --c-border-strong: rgba(240,128,60,.20);
  --c-divider: rgba(247,244,255,.08);
  --c-success: #2BD4A7;
  --c-warn: #F0803C;
  --c-danger: #FF4D6D;
  --c-link: #EDF060;
  --c-focus: rgba(237,240,96,.24);
  --c-ring: rgba(240,128,60,.18);
  --c-input-bg: rgba(255,255,255,.06);
  --c-input-border: rgba(255,255,255,.12);
  --c-overlay: rgba(0,0,0,.62);
  --c-tooltip: rgba(9,6,12,.92);
  --c-glass: rgba(255,255,255,.06);
  --c-pill-bg: rgba(240,128,60,.12);
  --c-pill-border: rgba(237,240,96,.16);
  --c-on-primary: #0D0E0F;
  --c-on-secondary: #0D0E0F;
  --c-on-danger: #0D0E0F;
  --shadow-1: 0 12px 28px rgba(237,240,96,.12), 0 10px 28px rgba(0,0,0,.30);
  --shadow-2: 0 20px 60px rgba(240,128,60,.14), 0 16px 48px rgba(34,211,238,.10), 0 14px 34px rgba(0,0,0,.36);
  --shadow-glow: 0 0 34px currentColor;
  --r-2: 18px;
  --r-3: 26px;
  --t-fast: 120ms;
  --t-med: 220ms;
  --grad-primary: linear-gradient(135deg, #EDF060, #F0803C);
  --grad-hero: radial-gradient(1100px 620px at 18% 10%, rgba(237,240,96,.18), transparent 60%),
    radial-gradient(980px 560px at 84% 14%, rgba(240,128,60,.14), transparent 58%),
    radial-gradient(900px 520px at 52% 88%, rgba(167,139,250,.16), transparent 64%),
    radial-gradient(760px 440px at 28% 78%, rgba(34,211,238,.12), transparent 66%),
    linear-gradient(180deg, #1D1023, #140B18);
}