:root {
  /* ── Premium dark liquid glass (default) ── */
  --bg: #05060a;
  --bg-secondary: #080a10;
  --surface: #0c0e13;
  --surface-hover: #14161d;
  --surface-glass: rgba(255,255,255,.04);
  --surface-glass-strong: rgba(255,255,255,.055);
  --text: #eef1f7;
  --text-secondary: #a6afc2;
  --hint: #6c7588;
  --accent: #4dd0a8;
  --accent-hover: #63e0bb;
  --accent-light: #7ce0c2;
  --accent-text: #04140f;
  --link: #5aa6ff;
  --green: #2ee08a;
  --red: #ff5d6c;
  --yellow: #ffb84d;
  --border: rgba(255,255,255,.07);
  --ghost-border: rgba(255,255,255,.09);
  --shadow: 0 6px 28px rgba(0,0,0,.45);
  --shadow-lg: 0 20px 60px rgba(0,0,0,.55);
  --glow: 0 0 50px rgba(77,208,168,.28);
  --glass-bg: rgba(255,255,255,.045);
  --glass-border: rgba(255,255,255,.10);
  --glass-highlight: rgba(255,255,255,.14);
  --glass-blur: 22px;
  --accent-glow: rgba(77,208,168,.35);
  --overlay: rgba(4,6,12,.6);
  --bar-track: rgba(255,255,255,.07);
  --divider: rgba(255,255,255,.05);
  --input-bg: rgba(255,255,255,.04);
  --input-border: rgba(255,255,255,.1);
  --gradient-primary: linear-gradient(135deg, #2563eb 0%, #4d9fff 55%, #60a5fa 100%);
  --gradient-text: linear-gradient(120deg, #ffffff 0%, #bcd6ff 55%, #7cb8ff 100%);
  --gradient-hero: radial-gradient(1200px 700px at 50% -10%, rgba(37,99,235,.20), transparent 60%), radial-gradient(900px 600px at 85% 20%, rgba(96,165,250,.12), transparent 55%);

  --radius: 16px;
  --radius-sm: 12px;
  --radius-lg: 24px;
  --radius-xl: 9999px;

  --font: 'Chakra Petch', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --transition: .25s ease;

  --display-lg: 4rem;
  --headline-md: 2rem;
  --title-sm: 1rem;
  --body-md: 0.9rem;
  --label-md: 0.75rem;
}

/* Светлая тема — опциональна (по умолчанию активна тёмная премиум) */
[data-theme="light"] {
  --bg: #f7f9fb;
  --bg-secondary: #eef2f6;
  --surface: #ffffff;
  --surface-hover: #f0f4f8;
  --surface-glass: rgba(255,255,255,.6);
  --surface-glass-strong: rgba(255,255,255,.78);
  --text: #191c1e;
  --text-secondary: #5a6270;
  --hint: #7c8490;
  --accent: #22a982;
  --accent-hover: #1c8f6d;
  --accent-light: #34c79b;
  --link: #0058be;
  --border: rgba(0,0,0,.06);
  --ghost-border: rgba(255,255,255,.5);
  --shadow: 0 4px 24px rgba(34,169,130,.06);
  --shadow-lg: 0 8px 40px rgba(34,169,130,.08);
  --glow: 0 0 40px rgba(59,130,246,.12);
  --glass-bg: rgba(255,255,255,.6);
  --glass-border: rgba(255,255,255,.4);
  --glass-highlight: rgba(255,255,255,.8);
  --accent-glow: rgba(34,169,130,.2);
  --overlay: rgba(0,0,0,.35);
  --bar-track: rgba(34,169,130,.06);
  --divider: rgba(0,0,0,.04);
  --input-bg: rgba(34,169,130,.04);
  --input-border: rgba(34,169,130,.1);
  --gradient-primary: linear-gradient(135deg, #0058be, #3B82F6);
  --gradient-text: linear-gradient(120deg, #0058be, #3B82F6);
  --gradient-hero: linear-gradient(135deg, #e8f0fe 0%, #f7f9fb 40%, #eff6ff 100%);
}