/* THEME: default */
:root[data-theme="default"][data-mode="light"]{
  --bg-body: #f5f7fa;
  --bg-card: #ffffff;
  --bg-soft: #eef2f7;

  --text-main: #1a202c;
  --text-muted: #4b5563;

  --accent: #3182ce;
  --accent-hover: #2b6cb0;
  --accent-rgb: 49, 130, 206;
  --accent-contrast: #ffffff;

  --link: var(--accent);
  --link-hover: var(--accent-hover);

  --border-color: #e2e8f0;
  --shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
  --header-bg: #ffffff;

  --hover-bg: rgba(0,0,0,0.04);
  --focus-ring: rgba(var(--accent-rgb), 0.35);
}

:root[data-theme="default"][data-mode="night"]{
  --bg-body: #121212;
  --bg-card: #1e1e1e;
  --bg-soft: #171717;

  --text-main: #e2e8f0;
  --text-muted: #a0aec0;

  --accent: #90cdf4;
  --accent-hover: #63b3ed;
  --accent-rgb: 144, 205, 244;

  /* ВАЖНО: текст на светлом accent в dark должен быть тёмным */
  --accent-contrast: #000000;

  --link: var(--accent);
  --link-hover: var(--accent-hover);

  --border-color: #2d3748;
  --shadow: 0 10px 15px -3px rgba(0,0,0,.4);
  --header-bg: #1a1a1a;

  --hover-bg: rgba(255,255,255,0.06);
  --focus-ring: rgba(var(--accent-rgb), 0.35);
}

/* Шаблон для будущих тем (копируешь блок и меняешь токены)
:root[data-theme="newyear"][data-mode="light"]{ ... }
:root[data-theme="newyear"][data-mode="dark"]{ ... }
*/