/* Omnerio — кабинет. Мир «Ночное море» (выбор владельца 17 сентября 2026): чёрная вода как единственный грунт,
   электрический циан — там, где тронули, тёплая искра — «я заметил». Шрифты локальные (CSP только свой домен), OFL:
   Raleway — заголовки его голосом, тонкие светлые литеры; Onest — текст и интерфейс. */

@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src: url("fonts/Raleway-Italic.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("fonts/Onest.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Ночь — основа. */
:root {
  color-scheme: dark;
  --bg: #02060b;
  --bg-deep: #010305;
  --bg-horizon: #071522;
  --surface: rgba(10, 26, 40, 0.55);
  --surface-strong: rgba(10, 26, 40, 0.82);
  --surface-muted: rgba(10, 26, 40, 0.35);
  --ink: #e6f1f8;
  --ink-soft: #9fb6c6;
  --ink-faint: #6b8496;
  --line: rgba(125, 211, 252, 0.14);
  --line-strong: rgba(125, 211, 252, 0.34);
  --accent: #2f7bff;
  --accent-ink: #8ab8ff;
  --accent-soft: rgba(47, 123, 255, 0.18);
  --on-accent: #f2f7ff;
  --glow: rgba(47, 123, 255, 0.55);
  --glass-bg: linear-gradient(180deg, rgba(10, 26, 44, 0.62), rgba(6, 16, 28, 0.5));
  --glass-edge: rgba(125, 211, 252, 0.14);
  --glass-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  --ring-core: rgba(6, 16, 28, 0.95);
  --trace: #7dd3fc;
  --trace-soft: rgba(125, 211, 252, 0.22);
  --spark: #f5c26b;
  --spark-soft: rgba(245, 194, 107, 0.2);
  --danger: #ff9b8f;
  --danger-soft: rgba(255, 155, 143, 0.16);
  --danger-inverse: #7f1d1d;
  --focus: #8ab8ff;
  --halo: rgba(2, 6, 11, 0.9);
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 0 1px rgba(122, 172, 255, 0.55), 0 0 22px rgba(47, 123, 255, 0.55), 0 10px 30px rgba(47, 123, 255, 0.35);
  --leaf-1: #22d3ee;
  --leaf-2: #7dd3fc;
  --leaf-3: #f5c26b;
  --leaf-4: #a5b4fc;

  --font-display: "Raleway", "Segoe UI Light", "Helvetica Neue", Arial, sans-serif;
  --font-text: "Onest", "Segoe UI", system-ui, sans-serif;
  --font-ui: "Onest", "Segoe UI", system-ui, sans-serif;

  --text-base: 16px;
  --text-lh: 1.6;
  --ui-base: 15px;
  --measure: 62ch;
  --column: 760px;
  --gutter: clamp(20px, 6vw, 64px);

  --radius: 14px;
  --radius-leaf: 999px;
  --radius-pill: 999px;
  --blur: 16px;
}

/* Утро — вода на свету: тот же мир, обратная яркость. */
:root[data-mode="light"] {
  color-scheme: light;
  --bg: #eef5f9;
  --bg-deep: #e1edf4;
  --bg-horizon: #d6e7f1;
  --surface: rgba(255, 255, 255, 0.72);
  --surface-strong: rgba(255, 255, 255, 0.92);
  --surface-muted: rgba(255, 255, 255, 0.5);
  --ink: #0b1a26;
  --ink-soft: #3f5a6c;
  --ink-faint: #6b8496;
  --line: rgba(11, 26, 38, 0.12);
  --line-strong: rgba(11, 26, 38, 0.32);
  --accent: #1d5fd6;
  --accent-ink: #1747a8;
  --accent-soft: rgba(29, 95, 214, 0.14);
  --on-accent: #f2f7ff;
  --glow: rgba(29, 95, 214, 0.35);
  --glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.64));
  --glass-edge: rgba(255, 255, 255, 0.9);
  --glass-shadow: 0 20px 50px rgba(11, 26, 38, 0.12);
  --ring-core: rgba(255, 255, 255, 0.96);
  --trace: #0369a1;
  --trace-soft: rgba(3, 105, 161, 0.18);
  --spark: #b7791f;
  --spark-soft: rgba(183, 121, 31, 0.18);
  --danger: #b42318;
  --danger-soft: rgba(180, 35, 24, 0.12);
  --danger-inverse: #fecaca;
  --focus: #0891b2;
  --halo: rgba(238, 245, 249, 0.92);
  --shadow: 0 18px 50px rgba(11, 26, 38, 0.16);
  --shadow-glow: 0 0 0 1px rgba(8, 145, 178, 0.3), 0 8px 26px rgba(8, 145, 178, 0.25);
  --leaf-1: #0891b2;
  --leaf-2: #0369a1;
  --leaf-3: #b7791f;
  --leaf-4: #4f46e5;
}

@media (prefers-color-scheme: light) {
  :root:not([data-mode="dark"]) {
    color-scheme: light;
    --bg: #eef5f9;
    --bg-deep: #e1edf4;
    --bg-horizon: #d6e7f1;
    --surface: rgba(255, 255, 255, 0.72);
    --surface-strong: rgba(255, 255, 255, 0.92);
    --surface-muted: rgba(255, 255, 255, 0.5);
    --ink: #0b1a26;
    --ink-soft: #3f5a6c;
    --ink-faint: #6b8496;
    --line: rgba(11, 26, 38, 0.12);
    --line-strong: rgba(11, 26, 38, 0.32);
    --accent: #1d5fd6;
    --accent-ink: #1747a8;
    --accent-soft: rgba(29, 95, 214, 0.14);
    --on-accent: #f2f7ff;
    --glow: rgba(29, 95, 214, 0.35);
    --glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.64));
    --glass-edge: rgba(255, 255, 255, 0.9);
    --glass-shadow: 0 20px 50px rgba(11, 26, 38, 0.12);
    --ring-core: rgba(255, 255, 255, 0.96);
    --trace: #0369a1;
    --trace-soft: rgba(3, 105, 161, 0.18);
    --spark: #b7791f;
    --spark-soft: rgba(183, 121, 31, 0.18);
    --danger: #b42318;
    --danger-soft: rgba(180, 35, 24, 0.12);
    --danger-inverse: #fecaca;
    --focus: #0891b2;
    --halo: rgba(238, 245, 249, 0.92);
    --shadow: 0 18px 50px rgba(11, 26, 38, 0.16);
    --shadow-glow: 0 0 0 1px rgba(8, 145, 178, 0.3), 0 8px 26px rgba(8, 145, 178, 0.25);
    --leaf-1: #0891b2;
    --leaf-2: #0369a1;
    --leaf-3: #b7791f;
    --leaf-4: #4f46e5;
  }
}

/* явный выбор «тёмное» — основа выше; блок prefers-color-scheme: dark держит порядок переопределений симметричным */
:root[data-mode="dark"] {
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) {
    color-scheme: dark;
  }
}