/* ==========================================================================
   ИГРАЙ — СВЕТЛАЯ ТЕМА = GRUVBOX LIGHT (29.09.2026, вторая версия).
   Как Obsidian Стаса днём (тема «Obsidian gruvbox»): кремовая бумага, тёплые
   землистые акценты, плоско. Первая версия переносила сюда ночную концепцию —
   неон за стеклом, чёрные тени, свечения — и на свету это была грязь.

   Правила: поверхности плотные, разделяются тоном и рамкой #d5c4a1, теней и
   свечений нет, blur нет. Засечки по углам и моно остаются — это Играй.
   Включается html[data-theme="light"] (профиль → тема: тёмная / светлая / авто,
   выбор на устройство — localStorage igray_theme, см. applyColorMode в app.js).

   Работает через токены (styles.css, «ТОКЕНЫ ТЕМ»). Разовые цвета и тени в
   исходниках записаны как var(--surf, …) / var(--snow, …) / var(--glow, …) /
   var(--lift, …) / var(--glow-f, …): в тёмной эти переменные не объявлены и
   работает запасное значение, здесь они переключают всё разом.

   Палитра gruvbox (github.com/morhetz/gruvbox):
   бумага  #f9f5d7 light0-hard · #fbf1c7 light0 · #f2e5bc light0-soft · #ebdbb2 light1
   линии   #d5c4a1 light2 · #bdae93 light3 · #a89984 light4
   чернила #282828 dark0 · #3c3836 dark1 · #504945 dark2 · #665c54 dark3 · #7c6f64 dark4
   цвет    neutral (заливки) / faded (текст):
           жёлтый #d79921/#b57614 · оранжевый #d65d0e/#af3a03 · красный #cc241d/#9d0006
           синий #458588/#076678 · аква #689d6a/#427b58 · зелёный #98971a/#79740e
           пурпур #b16286/#8f3f71
   ========================================================================== */
html[data-theme="light"] {
    color-scheme: light;

    /* ── бумага ── */
    --gb-page: #f2e5bc;         /* фон страницы между панелями */
    --bg-dark: #f2e5bc;
    --bg-card: #f9f5d7;
    --bg-card-hover: #f2e5bc;
    --bg-input: #fbf1c7;
    --bg-secondary: #ebdbb2;
    --bg-elev: #d5c4a1;
    --bg-surface: #ebdbb2;
    --bg: #f9f5d7;              /* в тёмной не объявлена — там запасной #06080f */

    /* ── чернила ── */
    --text-primary: #282828;
    --text: #282828;
    --text-secondary: #504945;
    --text-muted: #665c54;

    /* ── акценты: янтарь → жёлтый gruvbox, циан → синий gruvbox ── */
    --accent: #b57614;
    --accent-hover: #d79921;
    --accent-light: #b57614;
    --accent-rgb: 181, 118, 20;
    --primary: #b57614;
    --acc2: #076678;
    --danger: #cc241d;
    --ds-warn: #cc241d;

    /* ── линии ── */
    --border-color: #d5c4a1;
    --border-light: #bdae93;
    --border-warm: #bdae93;
    --shadow-color: transparent;

    /* ── бывшее стекло: плотные поверхности ── */
    --glass-bg: rgba(60, 56, 54, 0.03);
    --glass-bg-hover: rgba(60, 56, 54, 0.06);
    --glass-bg-active: rgba(215, 153, 33, 0.16);
    --glass-border: #d5c4a1;
    --glass-border-light: #ebdbb2;
    --glass-inset: transparent;
    --desk-panel: #f9f5d7;
    --desk-border: #d5c4a1;
    --desk-blur: none;

    /* ── векторы жизни ── */
    --v-body: #af3a03;
    --v-breath: #427b58;
    --v-relations: #8f3f71;
    --v-money: #b57614;
    --v-head: #076678;
    --v-voice: #8f3f71;
    --v-system: #79740e;

    --neon-cyan: #076678;
    --neon-magenta: #8f3f71;
    --neon-lime: #458588;
    --gold: #b57614;

    /* ── DS-слой ── */
    --ds-bg-deep: #fbf1c7;
    --ds-bg: #f2e5bc;
    --ds-bg-elev: #ebdbb2;
    --ds-chiral: #076678;
    --ds-chiral-soft: #83a598;
    --ds-blue-deep: #076678;
    --ds-amber: #b57614;
    --ds-gold-ds: #b57614;
    --ds-text-warm: #282828;
    --ds-line: #bdae93;

    /* ── хитмапы: пусто = light1, уровни — синий gruvbox по бумаге ── */
    --cal-level-0-bg: #ebdbb2;
    --cal-level-0-border: #d5c4a1;
    --cal-level-1: color-mix(in srgb, #458588 28%, #f9f5d7);
    --cal-level-2: color-mix(in srgb, #458588 52%, #f9f5d7);
    --cal-level-3: #458588;
    --cal-level-4: #076678;
    --well: #ebdbb2;
    --well2: #e3d3aa;
    --well3: #e7d7ae;

    /* ── контролы (ui.css) ── */
    --ctl-bg: rgba(60, 56, 54, 0.04);
    --ctl-bg-hot: rgba(215, 153, 33, 0.18);
    --ctl-danger: #9d0006;

    /* ── токены вбитых цветов (styles.css «ТОКЕНЫ ТЕМ») ── */
    --ink-rgb: 60, 56, 54;          /* dark1: белые подложки тёмной → тёплые чернила */
    --cyan: #076678;      --cyan-rgb: 69, 133, 136;
    --cyan-hi: #458588;   --cyan-hi-rgb: 69, 133, 136;
    --amber: #b57614;     --amber-rgb: 215, 153, 33;
    --ds-amber-rgb: 215, 153, 33;
    --gold-rgb: 215, 153, 33;
    --green-rgb: 152, 151, 26;
    --mint-rgb: 104, 157, 106;
    --moss: #427b58;      --moss-rgb: 104, 157, 106;
    --lime-rgb: 152, 151, 26;
    --red: #9d0006;       --red-rgb: 204, 36, 29;
    --danger-rgb: 204, 36, 29;
    --line-rgb: 168, 153, 132;
    --violet-rgb: 177, 98, 134;
    --over: #af3a03;      --over-rgb: 214, 93, 14;
    --now-red: #cc241d;
    --amber2: #b57614;  --amber3: #af3a03;  --yellow: #b57614;

    /* тёмные поверхности → бумага */
    --bg-rgb: 242, 229, 188;
    --deep-rgb: 249, 245, 215;
    --deep0-rgb: 249, 245, 215;     /* = --bg: эмбиент на фокусе растворяется в фон оверлея */
    --input-rgb: 251, 241, 199;
    --card-rgb: 249, 245, 215;
    --deep2-rgb: 249, 245, 215;  --deep3-rgb: 249, 245, 215;  --void-rgb: 235, 219, 178;
    --panel1-rgb: 249, 245, 215;  --panel2-rgb: 249, 245, 215;  --panel3-rgb: 249, 245, 215;
    --panel4-rgb: 242, 229, 188;  --panel5-rgb: 242, 229, 188;
    --surf: 249, 245, 215;
    --snow: #282828;
    --grid-rgb: 189, 174, 147;      /* сетка сцены таймера: холодный голубой → light3 */

    /* цвета данных (цель, привычка, проект) текстом: 62% оттенка + dark0 */
    --data-ink: 62%;  --data-ink-to: #282828;

    /* тени и свечения — выключены (gruvbox плоский) */
    --glow: 0 0 0 transparent;
    --lift: 0 0 0 transparent;
    --glow-f: drop-shadow(0 0 0 transparent);
}

/* ── мир: плоская бумага, без пятен и дымки ── */
html[data-theme="light"] { background: var(--gb-page); }
html[data-theme="light"] body::before,
html[data-theme="light"] body::after { display: none; }

/* свечение текста на бумаге — грязь */
html[data-theme="light"] * { text-shadow: none !important; }

/* ── точечно: то, что в тёмной держится на чёрном с прозрачностью ── */
/* затемнение под шитами и модалками — тёплое, не чёрная дыра */
html[data-theme="light"] .sheet-backdrop { background: rgba(40, 40, 40, 0.30); }
html[data-theme="light"] .qadd-backdrop { background: rgba(40, 40, 40, 0.28); }
html[data-theme="light"] .modal-backdrop { background: rgba(40, 40, 40, 0.42); }
/* поля ввода: в тёмной — чёрное 30%, здесь — light0 с рамкой */
html[data-theme="light"] .sheet-textarea,
html[data-theme="light"] .sheet-time-input,
html[data-theme="light"] .lb-input,
html[data-theme="light"] .lb-log,
html[data-theme="light"] .login-box .input,
html[data-theme="light"] .plan-bar { background: #fbf1c7; }
html[data-theme="light"] .matrix-viewer-foot { background: #f2e5bc; }