/*
 * Ночная палитра SoulMates — перенос из Android ui/theme/Color.kt.
 * Старые имена переменных сохранены как семантические роли, чтобы
 * разметка веб-экранов и Android оставалась одной дизайн-системой.
 */

:root {
    --scenic-navy-950: #06152c;
    --scenic-navy-900: #081d39;
    --scenic-navy-800: #0b2a50;
    --scenic-navy-700: #123d68;
    --scenic-text: #f4f8ff;
    --scenic-text-muted: #cad8e8;
    --scenic-border: #8fb8df;
    --scenic-active: #5aa8ff;
    --scenic-cyan: #73d2ff;
    --scenic-card: rgba(10, 36, 66, 0.90);
    --scenic-card-soft: rgba(8, 29, 57, 0.82);

    --brand-blue: #4486cd;
    --brand-blue-dark: var(--scenic-navy-900);
    --brand-accent: #a9373a;
    --brand-amber: #e6b34f;

    --paper-top: var(--scenic-navy-950);
    --paper-bottom: var(--scenic-navy-900);
    --paper-strong: rgba(18, 61, 104, 0.88);
    --mist: rgba(18, 61, 104, 0.72);

    --ink-muted: var(--scenic-text-muted);
    --ink-strong: var(--scenic-navy-950);
    --on-blue: var(--scenic-text);
    --outline: rgba(143, 184, 223, 0.42);

    /* Имена исторические: в ночной теме это стекло, а не белая бумага. */
    --surface-white: var(--scenic-card);
    --on-white: var(--scenic-text);
    --on-white-muted: var(--scenic-text-muted);

    --text-display: 30px;
    --text-title: 21px;
    --text-subtitle: 17px;
    --text-body: 15px;
    --text-hint: 14px;
    --text-label: 13px;

    --radius-card: 22px;
    --radius-control: 15px;
    --radius-pill: 999px;

    --gap-tight: 8px;
    --gap: 14px;
    --gap-wide: 24px;

    --column: 480px;

    --shadow-card: 0 18px 50px rgba(0, 8, 24, 0.32);
    --shadow-control: 0 7px 22px rgba(0, 8, 24, 0.22);
}