/* Lava-Reborn — токены дизайн-системы. Тема по умолчанию — wasteland (тёмная). Светлая: */ :root { --color-bg-void: #0a0908; --color-bg-base: #14110e; --color-bg-panel: #1c1815; --color-bg-raised: #26211c; --color-bg-inset: #0f0d0b; --color-line: #332c25; --color-line-strong: #7d7160; --color-ink: #efe8d9; --color-ink-muted: #b3a894; --color-ink-faint: #8a8071; --color-brand: #d9a441; --color-brand-hover: #e8b75b; --color-on-brand: #14110e; --color-danger: #e2543a; --color-on-danger: #14110e; --color-success: #8bb75a; --color-on-success: #14110e; --color-steel: #7fa0b0; --color-on-steel: #14110e; --color-focus: #f0c46a; --color-overlay: rgba(10, 9, 8, 0.72); --font-display: "Onest", system-ui, sans-serif; --font-sans: "Onest", system-ui, sans-serif; --font-serif: "PT Serif", Georgia, serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --text-display-xl-size: 56px; --text-display-xl-line: 58px; --text-display-xl-weight: 700; --text-display-xl-tracking: 0.01em; --text-display-l-size: 36px; --text-display-l-line: 40px; --text-display-l-weight: 700; --text-display-l-tracking: 0.01em; --text-display-m-size: 24px; --text-display-m-line: 30px; --text-display-m-weight: 600; --text-display-s-size: 18px; --text-display-s-line: 24px; --text-display-s-weight: 600; --text-eyebrow-size: 11px; --text-eyebrow-line: 14px; --text-eyebrow-weight: 600; --text-eyebrow-tracking: 0.16em; --text-body-l-size: 17px; --text-body-l-line: 26px; --text-body-l-weight: 400; --text-body-size: 15px; --text-body-line: 24px; --text-body-weight: 400; --text-body-s-size: 13px; --text-body-s-line: 20px; --text-body-s-weight: 400; --text-label-size: 13px; --text-label-line: 18px; --text-label-weight: 500; --text-label-tracking: 0.02em; --text-caption-size: 12px; --text-caption-line: 16px; --text-caption-weight: 400; --text-lore-lead-size: 20px; --text-lore-lead-line: 30px; --text-lore-lead-weight: 400; --text-lore-size: 16px; --text-lore-line: 27px; --text-lore-weight: 400; --text-stat-l-size: 22px; --text-stat-l-line: 26px; --text-stat-l-weight: 600; --text-stat-size: 14px; --text-stat-line: 20px; --text-stat-weight: 500; --text-mono-s-size: 12px; --text-mono-s-line: 18px; --text-mono-s-weight: 400; --space-0: 0; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --radius-0: 0; --radius-sm: 2px; --radius-md: 4px; --radius-lg: 8px; --radius-pill: 999px; --control-sm: 32px; --control-md: 40px; --control-lg: 48px; --icon-sm: 16px; --icon-md: 20px; --icon-lg: 24px; --layout-max: 1280px; --rail-width: 300px; /* Ширина строки для сплошного текста: длинные абзацы на всю колонку читать невозможно. Заведено под базу знаний. */ --measure: 760px; --border-hair: 1px; --border-thick: 2px; --elev-1: 0 1px 2px rgba(0, 0, 0, 0.5); --elev-2: 0 4px 12px rgba(0, 0, 0, 0.55); --elev-3: 0 16px 40px rgba(0, 0, 0, 0.65); --inset-well: inset 0 1px 2px rgba(0, 0, 0, 0.6); --glow-brand: 0 0 0 1px rgba(217, 164, 65, 0.4); } [data-theme="dossier"] { --color-bg-void: #b9b096; --color-bg-base: #dcd5b8; --color-bg-panel: #e9e3c9; --color-bg-raised: #f3eedb; --color-bg-inset: #cfc7a9; --color-line: #b6ad8c; --color-line-strong: #6b6249; --color-ink: #201a13; --color-ink-muted: #4a412f; --color-ink-faint: #5f5642; --color-brand: #8a6414; --color-brand-hover: #a37a22; --color-on-brand: #fdf9ec; --color-danger: #a72f18; --color-on-danger: #fdf9ec; --color-success: #415e1c; --color-on-success: #fdf9ec; --color-steel: #3d5a68; --color-on-steel: #fdf9ec; --color-focus: #8a6414; --color-overlay: rgba(32, 26, 19, 0.6); --elev-1: 0 1px 2px rgba(32, 26, 19, 0.16); --elev-2: 0 4px 12px rgba(32, 26, 19, 0.16); --elev-3: 0 16px 40px rgba(32, 26, 19, 0.24); --inset-well: inset 0 1px 2px rgba(32, 26, 19, 0.18); --glow-brand: 0 0 0 1px rgba(138, 100, 20, 0.35); }