/* static/core/theme.css */

/* DARK (default) */

/* ===== SHARED TOKENS (used by base.css) ===== */
:root {
  --radius: 16px;
  --radius-sm: 12px;
  --shadow-lg: 0 2px 24px rgba(0,0,0,.25);

  --primary: #4f46e5;
  --primary-ink: #ffffff;

  --surface: var(--card);
  --surface-2: var(--card2);
  --tone-mix: #000000;
}

:root,
html[data-theme="dark"] {
  --bg: #151821;
  --text: #e9e9ee;
  --muted: #a8adbd;

  --card: #1b2030;
  --card2: #20263a;

  --border: rgba(255,255,255,0.10);
  --shadow: rgba(0,0,0,0.35);

  --link: #8ab4ff;
  --accent: #6ea8fe;

  --input-bg: #10131b;
  --input-text: var(--text);

  --header-bg: rgba(11, 18, 32, 0.9);
  --control-bg: #0e1526;
  --control-border: #2c3450;
  --control-text: #e8e8e8;
  --tone-mix: #000000;
}

/* LIGHT */
html[data-theme="light"] {
  --bg: #f4f6fb;
  --text: #1a1f2b;
  --muted: #5e6678;

  --card: #ffffff;
  --card2: #edf1f8;

  --border: rgba(24, 34, 52, 0.14);
  --shadow: rgba(16, 24, 40, 0.09);

  --link: #215fd2;
  --accent: #2f6fe4;

  --input-bg: #ffffff;
  --input-text: #1a1f2b;

  --header-bg: rgba(244, 246, 251, 0.9);
  --control-bg: #ffffff;
  --control-border: rgba(24, 34, 52, 0.18);
  --control-text: #1a1f2b;
  --tone-mix: #ffffff;
}

body {
  background: var(--bg);
  color: var(--text);
}

a { color: var(--link); }

/* кнопка темы — положим сюда, чтобы не зависеть от nav_main.css */
.theme-toggle-btn{
  border: 1px solid var(--border);
  background: var(--card2);
  color: var(--text);
  padding: 6px 10px;
  border-radius: 10px;
  cursor: pointer;
}
.theme-toggle-btn:hover{ filter: brightness(1.05); }