/*
 * Единая палитра сайта. Редактируйте значения здесь.
 * (сохранение в localStorage переопределяет эти переменные на вашем устройстве).
 */
:root {
  --bg: #0c0f0e;
  --bg-card: #141a17;
  --border: #243028;
  --text: #e8eee9;
  --muted: #8fa396;
  --accent: #00a85c;
  --accent-dim: #008f4f;
  --warn: #ffb020;
  --on-accent: #ffffff;
  --radius: 14px;
  --font: "Mulish", system-ui, "Segoe UI", sans-serif;
  --font-display: "Unbounded", var(--font);

  /* Производные (тёмная тема) */
  --header-bg: rgba(12, 15, 14, 0.85);
  --shadow-menu: 0 16px 48px rgba(0, 0, 0, 0.45);
  --tap-highlight: rgba(0, 168, 92, 0.18);
  --accent-glow-soft: rgba(0, 168, 92, 0.2);
  --selection-bg: var(--accent);
  --selection-fg: var(--on-accent);

  /* Вуаль над шейдером */
  --veil-radial-1: rgba(0, 168, 92, 0.22);
  --veil-radial-2: rgba(0, 143, 79, 0.12);
  --veil-linear-start: rgba(12, 15, 14, 0.32);
  --veil-linear-end: rgba(12, 15, 14, 0.5);
  --veil-static-r1: rgba(0, 168, 92, 0.18);
  --veil-static-r2: rgba(0, 143, 79, 0.08);

  --meta-theme-color: #0c0f0e;
}

html.theme-light {
  color-scheme: light;
  /* Тёплая «моховая бумага», не клинический белый */
  --bg: #dce6df;
  --bg-card: #f1f6f3;
  --border: #a8bfb4;
  --text: #0e1713;
  --muted: #4f5e56;
  --accent-dim: #007a44;
  --warn: #b06d00;
  --on-accent: #ffffff;

  --header-bg: rgba(236, 246, 240, 0.78);
  --shadow-menu: 0 20px 56px rgba(12, 42, 30, 0.14);
  --tap-highlight: rgba(0, 168, 92, 0.18);
  --accent-glow-soft: rgba(0, 168, 92, 0.14);

  /* Вуаль: мягкий «холмовой» свет + тёплый низ */
  --veil-radial-1: rgba(0, 168, 92, 0.26);
  --veil-radial-2: rgba(120, 195, 155, 0.22);
  --veil-linear-start: rgba(255, 252, 247, 0.42);
  --veil-linear-end: rgba(188, 212, 198, 0.52);
  --veil-static-r1: rgba(0, 168, 92, 0.2);
  --veil-static-r2: transparent;

  --meta-theme-color: #dce6df;
}