/* ── rustedwire: Journal Theme — variables.css ─────────────────────────────
   Все токены дизайна: цвета, типографика, отступы, радиусы, тени.
   Палитра «бумажного журнала»: тёплый крем + чернила + ржавый акцент.
   Структурные стили → assets/style.css
   ──────────────────────────────────────────────────────────────────────── */

/* ── Светлая тема (по умолчанию) ─────────────────────────────────────── */
:root {
    /* ── Семантическая палитра ─ */
    --color-bg:            #FBF7F2;          /* фон страницы (бумага)       */
    --color-surface:       #F7F2EB;          /* фон блоков/футера           */
    --color-surface-hover: #F6F0E8;          /* hover строк и результатов   */
    --color-text:          #1C1712;          /* основной текст (чернила)    */
    --color-text-muted:    #8A7F72;          /* приглушённый текст          */
    --color-primary:       #E8461E;          /* акцентный цвет (rust)       */
    --color-primary-hover: #CF3A15;          /* hover акцентного цвета      */
    --color-border:        #ECE3D8;          /* границы и разделители       */
    --color-border-strong: #E0D6C9;          /* границы кнопок/контролов    */
    --color-border-soft:   #E8DFD3;          /* границы чипов (⌘K, Esc)     */
    --color-control-hover: #F4EDE4;          /* hover контролов шапки       */
    --color-text-soft:     #3D352C;          /* пункты меню профиля         */
    --color-danger-soft:   #FBE6DF;          /* hover «Выйти» в меню        */
    --color-code-bg:       #1C1712;          /* фон блоков кода             */
    --color-ink:           #1C1712;          /* тёмные заливки (рассылка)   */
    --color-ink-text:      #FBF7F2;          /* текст на тёмной заливке     */
    --color-ink-muted:     #A99E91;          /* мутный текст на тёмном      */
    --color-ink-faint:     #7D7266;          /* совсем тихий на тёмном      */

    /* ── Бренд (alias для обратной совместимости) ─ */
    --color-muted:  var(--color-text-muted);
    --color-faint:  #A3998C;
    --color-ghost:  #BCB1A3;
    --color-body:   #6B6055;
    --color-selection: #F6D3C8;
    --color-img-bg: #F1EBE3;
    --color-avatar-ring: rgba(28, 23, 18, 0.14);  /* обводка круглых аватаров */

    /* ── Типографика ─ */
    --font-sans:         'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-serif:        'PT Serif', Georgia, 'Times New Roman', serif;
    --font-mono:         'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
    --font-size-base:    1rem;               /* 16px                        */
    --line-height-base:  1.65;

    /* ── Отступы ─ */
    --space-xs:   0.25rem;   /*  4px */
    --space-sm:   0.5rem;    /*  8px */
    --space-md:   1rem;      /* 16px */
    --space-lg:   1.5rem;    /* 24px */
    --space-xl:   2.5rem;    /* 40px */

    /* ── Сетка и контент ─ */
    --grid-gap:      2rem;   /* отступ в сетке карточек */

    /* ── Тени ─ */
    --shadow-md: 0 4px 24px rgba(28, 23, 18, 0.08);
    --shadow-modal: 0 30px 70px -20px rgba(28, 23, 18, 0.45);
    --shadow-menu: 0 22px 44px -18px rgba(28, 23, 18, 0.38);

    /* ── Радиусы ─ */
    --r-sm: 2px;
    --r-md: 3px;
    --r-lg: 4px;

    /* ── Анимации ─ */
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ── Тёмная тема ──────────────────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
    :root {
        --color-bg:            #16110C;
        --color-surface:       #1E1812;
        --color-surface-hover: #221B14;
        --color-text:          #ECE5DB;
        --color-text-muted:    #A3998C;
        --color-primary:       #F06840;
        --color-primary-hover: #E8461E;
        --color-border:        #2E2720;
        --color-border-strong: #3A322A;
        --color-border-soft:   #332B23;
        --color-control-hover: #241D15;
        --color-text-soft:     #C4B9AC;
        --color-danger-soft:   #38170D;
        --color-code-bg:       #100C08;
        --color-ink:           #100C08;
        --color-ink-text:      #ECE5DB;
        --color-ink-muted:     #A99E91;
        --color-ink-faint:     #7D7266;

        /* alias */
        --color-muted:  var(--color-text-muted);
        --color-faint:  #877D70;
        --color-ghost:  #665D51;
        --color-body:   #C4B9AC;
        --color-selection: #5A2413;
        --color-img-bg: #1E1812;
        --color-avatar-ring: rgba(236, 229, 219, 0.18);

        --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.4);
        --shadow-modal: 0 30px 70px -20px rgba(0, 0, 0, 0.6);
        --shadow-menu: 0 22px 44px -18px rgba(0, 0, 0, 0.55);
    }
}


/* ── «Тёмная тема для читателей» выключена в админке ───────────────────── */
@media (prefers-color-scheme: dark) {
    body.ap-force-light {
        --color-bg:            #FBF7F2;
        --color-surface:       #F7F2EB;
        --color-surface-hover: #F6F0E8;
        --color-text:          #1C1712;
        --color-text-muted:    #8A7F72;
        --color-primary:       #E8461E;
        --color-primary-hover: #CF3A15;
        --color-border:        #ECE3D8;
        --color-border-strong: #E0D6C9;
        --color-border-soft:   #E8DFD3;
        --color-control-hover: #F4EDE4;
        --color-text-soft:     #3D352C;
        --color-danger-soft:   #FBE6DF;
        --color-code-bg:       #1C1712;
        --color-ink:           #1C1712;
        --color-ink-text:      #FBF7F2;
        --color-ink-muted:     #A99E91;
        --color-ink-faint:     #7D7266;
        --color-faint:         #A3998C;
        --color-ghost:         #BCB1A3;
        --color-body:          #6B6055;
        --color-selection:     #F6D3C8;
        --color-img-bg:        #F1EBE3;
        --color-avatar-ring:   rgba(28, 23, 18, 0.14);
        background: var(--color-bg);
        color: var(--color-text);
    }
}