/* Omnerio — кабинет. Направление B «Живой сад» (выбор владельца, 11 сентября 2026): тёмный светящийся сад
   по умолчанию, светлое «утро в саду» — по выбору. Шрифты локальные (CSP: только свой домен), все OFL:
   Playfair Display — заголовки и его фразы; Manrope — текст и интерфейс. */

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

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

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

/* Тёмное — основа: ночной сад. Фон — глубокая хвоя, текст — тёплая слоновая кость, акцент — светящаяся
   мята, золото — искры и прожилки, румянец — её реплики и живые метки. */
:root {
  color-scheme: dark;
  --bg: #0d1512;
  --bg-deep: #08100d;
  --glow: #1f4d3a;
  --surface: rgba(255, 255, 255, 0.055);
  --surface-strong: rgba(255, 255, 255, 0.09);
  --surface-muted: rgba(255, 255, 255, 0.035);
  --ink: #eef5f0;
  --ink-soft: #b7c8bc;
  --ink-faint: #8fa596;
  --line: rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.28);
  --accent: #8fcaa3;
  --accent-ink: #b3dcc0;
  --accent-soft: rgba(143, 202, 163, 0.18);
  --on-accent: #10201a;
  --gold: #d9bf7f;
  --gold-soft: rgba(217, 191, 127, 0.22);
  --blush: #e39aae;
  --blush-soft: rgba(227, 154, 174, 0.18);
  --danger: #f09a95;
  --danger-soft: rgba(240, 154, 149, 0.16);
  --danger-inverse: #8f2f2c;
  --focus: #d9bf7f;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 10px 40px rgba(143, 202, 163, 0.35);
  --leaf-1: #8fcaa3;
  --leaf-2: #b6d8a4;
  --leaf-3: #d9bf7f;
  --leaf-4: #e39aae;

  --font-display: "Playfair Display", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-text: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-ui: "Manrope", "Segoe UI", system-ui, sans-serif;

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

  --radius: 14px;
  --radius-leaf: 22px 8px 22px 8px;
  --radius-pill: 999px;
  --blur: 14px;
}

/* Светлое — утро в саду: та же структура, свет вместо ночи. */
:root[data-mode="light"] {
  color-scheme: light;
  --bg: #eef4ee;
  --bg-deep: #e2ebe3;
  --glow: #cfe6d3;
  --surface: rgba(255, 255, 255, 0.72);
  --surface-strong: rgba(255, 255, 255, 0.92);
  --surface-muted: rgba(255, 255, 255, 0.5);
  --ink: #16211b;
  --ink-soft: #4f6357;
  --ink-faint: #6f8377;
  --line: rgba(22, 33, 27, 0.1);
  --line-strong: rgba(22, 33, 27, 0.3);
  --accent: #2f6a4c;
  --accent-ink: #235238;
  --accent-soft: rgba(47, 106, 76, 0.14);
  --on-accent: #f4faf5;
  --gold: #a8843a;
  --gold-soft: rgba(168, 132, 58, 0.2);
  --blush: #b6536c;
  --blush-soft: rgba(182, 83, 108, 0.16);
  --danger: #a63a3a;
  --danger-soft: rgba(166, 58, 58, 0.14);
  --danger-inverse: #ffb4b0;
  --focus: #2f6a4c;
  --shadow: 0 18px 50px rgba(22, 33, 27, 0.14);
  --shadow-glow: 0 10px 34px rgba(47, 106, 76, 0.25);
  --leaf-1: #4f8a63;
  --leaf-2: #86ac6f;
  --leaf-3: #c9a85b;
  --leaf-4: #b6536c;
}

/* без выбора в настройках: следуем системе (тёмная система = основа выше) */
@media (prefers-color-scheme: light) {
  :root:not([data-mode="dark"]) {
    color-scheme: light;
    --bg: #eef4ee;
    --bg-deep: #e2ebe3;
    --glow: #cfe6d3;
    --surface: rgba(255, 255, 255, 0.72);
    --surface-strong: rgba(255, 255, 255, 0.92);
    --surface-muted: rgba(255, 255, 255, 0.5);
    --ink: #16211b;
    --ink-soft: #4f6357;
    --ink-faint: #6f8377;
    --line: rgba(22, 33, 27, 0.1);
    --line-strong: rgba(22, 33, 27, 0.3);
    --accent: #2f6a4c;
    --accent-ink: #235238;
    --accent-soft: rgba(47, 106, 76, 0.14);
    --on-accent: #f4faf5;
    --gold: #a8843a;
    --gold-soft: rgba(168, 132, 58, 0.2);
    --blush: #b6536c;
    --blush-soft: rgba(182, 83, 108, 0.16);
    --danger: #a63a3a;
    --danger-soft: rgba(166, 58, 58, 0.14);
    --danger-inverse: #ffb4b0;
    --focus: #2f6a4c;
    --shadow: 0 18px 50px rgba(22, 33, 27, 0.14);
    --shadow-glow: 0 10px 34px rgba(47, 106, 76, 0.25);
    --leaf-1: #4f8a63;
    --leaf-2: #86ac6f;
    --leaf-3: #c9a85b;
    --leaf-4: #b6536c;
  }
}

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

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