:root,
[data-theme="dark"] {
  /* Тёмная радарная схема (по Фото 2 — 1000130765.jpg): глубокий сонарный фон, циановые контуры и неоново-изумрудный индекс */
  --bg: #07111f;
  --bg-grad: radial-gradient(circle at 50% 18%, rgba(0, 229, 255, 0.14) 0%, #07111f 58%, #040912 100%);
  --panel: rgba(11, 24, 42, 0.94);
  --card: rgba(15, 31, 53, 0.92);
  --input-bg: #081322;
  --text: #f0f9ff;
  --muted: #94b8d7;
  --accent: #00e5ff;
  --accent-strong: #0284c7;
  --good: #00e676;
  --warn: #ffb300;
  --bad: #ff5252;
  --ice: #38bdf8;
  --border: rgba(0, 229, 255, 0.28);

  --hex-bg: #091d34;
  --hex-fish: #00e5ff;
  --gauge-track: rgba(148, 184, 215, 0.20);
  --gauge-start: #00b4d8;
  --gauge-end: #00f5a0;
  --wave-stroke: #00e5ff;
  --wave-fill-top: rgba(0, 229, 255, 0.36);
  --wave-fill-bot: rgba(0, 229, 255, 0.02);
  --bento-hero-border: rgba(0, 229, 255, 0.38);
  --bento-chart-border: rgba(0, 229, 255, 0.32);
  --bento-radar-border: rgba(0, 229, 255, 0.34);
  --bento-weather-border: rgba(0, 230, 118, 0.32);

  --chip-bg: #0f2138;
  --chip-border: rgba(0, 229, 255, 0.28);
  --pill-good-bg: rgba(0, 230, 118, 0.16);
  --pill-good-text: #4ade80;
  --pill-warn-bg: rgba(255, 179, 0, 0.18);
  --pill-warn-text: #fcd34d;
  --pill-bad-bg: rgba(255, 82, 82, 0.20);
  --pill-bad-text: #fca5a5;
  --pill-purple-bg: rgba(168, 85, 247, 0.20);
  --pill-purple-text: #d8b4fe;
  --pill-ice-bg: rgba(56, 189, 248, 0.18);
  --pill-ice-text: #7dd3fc;

  --font-ui: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-xs: 13px;
  --fs-sm: 15px;
  --fs-md: 17px;
  --fs-lg: 19px;

  --r-sm: 11px;
  --r-md: 16px;
  --r-pill: 999px;

  --shadow-card: 0 6px 20px 0 rgba(0, 0, 0, 0.40), 0 0 14px rgba(0, 229, 255, 0.05);
  --shadow-header: 0 4px 18px 0 rgba(0, 0, 0, 0.48);
}

[data-theme="light"] {
  /* Светлая небесно-акварельная схема (по Фото 1 — 1000130763.jpg и Фото 8 — 1000130764.jpg) */
  --bg: #dfeaf5;
  --bg-grad: linear-gradient(180deg, #d7e7f6 0%, #eef5fb 48%, #d9e8f5 100%);
  --panel: rgba(255, 255, 255, 0.94);
  --card: rgba(255, 255, 255, 0.89);
  --input-bg: #ffffff;
  --text: #142438;
  --muted: #4b6584;
  --accent: #2563eb;
  --accent-strong: #1d4ed8;
  --good: #10b981;
  --warn: #d97706;
  --bad: #dc2626;
  --ice: #0284c7;
  --border: #c5d9ed;

  --hex-bg: #1e4e79;
  --hex-fish: #67e8f9;
  --gauge-track: #dbe7f3;
  --gauge-start: #3b82f6;
  --gauge-end: #10b981;
  --wave-stroke: #2e75b6;
  --wave-fill-top: rgba(59, 130, 246, 0.34);
  --wave-fill-bot: rgba(59, 130, 246, 0.03);
  --bento-hero-border: #c2daf0;
  --bento-chart-border: #c2daf0;
  --bento-radar-border: #b8d4ee;
  --bento-weather-border: #c2daf0;

  --chip-bg: #ffffff;
  --chip-border: #bdd4ea;
  --pill-good-bg: #d1fae5;
  --pill-good-text: #065f46;
  --pill-warn-bg: #fef3c7;
  --pill-warn-text: #92400e;
  --pill-bad-bg: #fee2e2;
  --pill-bad-text: #991b1b;
  --pill-purple-bg: #f3e8ff;
  --pill-purple-text: #6b21a8;
  --pill-ice-bg: #e0f2fe;
  --pill-ice-text: #0369a1;

  --shadow-card: 0 6px 18px 0 rgba(20, 45, 76, 0.08);
  --shadow-header: 0 3px 14px 0 rgba(20, 45, 76, 0.10);
}

[data-theme="contrast"] {
  /* Смягчённая тактическая контрастная схема (без резкого оранжевого «пчелиного жала»):
     глубокий графитово-сланцевый фон, мягкий тёплый янтарь, спокойный изумруд и бирюза */
  --bg: #0f1520;
  --bg-grad: linear-gradient(180deg, #111827 0%, #0d131d 55%, #090e16 100%);
  --panel: rgba(20, 28, 42, 0.96);
  --card: rgba(26, 36, 54, 0.94);
  --input-bg: #0d131f;
  --text: #f8fafc;
  --muted: #a3b8cc;
  --accent: #f59e0b;
  --accent-strong: #b45309;
  --good: #10b981;
  --warn: #eab308;
  --bad: #ef4444;
  --ice: #38bdf8;
  --border: rgba(245, 158, 11, 0.26);

  --hex-bg: #172030;
  --hex-fish: #fbbf24;
  --gauge-track: rgba(148, 163, 184, 0.22);
  --gauge-start: #f59e0b;
  --gauge-end: #10b981;
  --wave-stroke: #34d399;
  --wave-fill-top: rgba(16, 185, 129, 0.30);
  --wave-fill-bot: rgba(245, 158, 11, 0.03);
  --bento-hero-border: rgba(245, 158, 11, 0.36);
  --bento-chart-border: rgba(16, 185, 129, 0.34);
  --bento-radar-border: rgba(56, 189, 248, 0.34);
  --bento-weather-border: rgba(16, 185, 129, 0.34);

  --chip-bg: #172133;
  --chip-border: rgba(245, 158, 11, 0.28);
  --pill-good-bg: rgba(16, 185, 129, 0.18);
  --pill-good-text: #6ee7b7;
  --pill-warn-bg: rgba(245, 158, 11, 0.18);
  --pill-warn-text: #fde68a;
  --pill-bad-bg: rgba(239, 68, 68, 0.22);
  --pill-bad-text: #fca5a5;
  --pill-purple-bg: rgba(168, 85, 247, 0.22);
  --pill-purple-text: #e9d5ff;
  --pill-ice-bg: rgba(56, 189, 248, 0.18);
  --pill-ice-text: #7dd3fc;

  --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.50);
  --shadow-header: 0 3px 14px rgba(0, 0, 0, 0.60);
}