/* Дизайн-токены De Facto Portal. Тёмная тема, светлой нет. Палитра — из docs/tasks/P04-ui-kit.md. */

:root {
    /* фон и поверхности */
    --bg: #121417;
    --surface: #1a1d22;
    --surface-raised: #20242b;
    --line: #2a2f37;

    /* текст */
    --text: #ece9e1;
    --text-muted: #a3a89e;
    --text-faint: #6f7570;

    /* акценты */
    --accent: #c3cd8f;
    --accent-contrast: #121417;
    --success: #8fbf9a;
    --danger: #d98f8f;

    /* шрифты: системные, заголовки — Georgia */
    --font-body:
        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-heading: Georgia, "Times New Roman", serif;

    /* типографика (mobile-first, на десктопе крупнее через app.css) */
    --text-s: 0.8125rem;
    --text-m: 1rem;
    --text-l: 1.25rem;
    --text-xl: 1.5rem;
    --text-xxl: 2rem;

    /* отступы и формы */
    --gap-xs: 0.25rem;
    --gap-s: 0.5rem;
    --gap-m: 1rem;
    --gap-l: 1.5rem;
    --gap-xl: 2.5rem;
    --radius-s: 6px;
    --radius-m: 10px;
    --radius-l: 16px;

    /* контролы */
    --control-height: 3rem; /* 48px — удобно для пальца */
    --control-padding-x: 1rem;
}