/* ============================================================ tokens.css — дизайн-токены: палитра, шрифтовые стеки, темы. Светлая тема — по умолчанию; тёмная — через prefers-color-scheme и/или data-theme="dark|light" на . ============================================================ */ :root { /* поверхность и текст */ --paper: #ECEDE9; --ink: #1B1D1E; --muted: #5B615C; --line: #C9CCC4; --card: #F4F5F1; /* акцент */ --accent: #E8551C; --accent-ink: #FFFFFF; /* семантика diff */ --diff-red: #B23A2C; --diff-red-bg: #F3DFDA; --diff-green: #2E7A4C; --diff-green-bg: #DEEBDE; /* тёмная полоса статистики */ --band-bg: #1B1D1E; --band-ink: #EDEEE9; --band-muted: #8B9088; /* код-блок */ --code-bg: #212422; --code-ink: #D9DCD3; --code-muted: #6E756C; /* шрифтовые стеки */ --display: "Avenir Next Condensed", "Helvetica Neue Condensed", "Arial Narrow", "Roboto Condensed", sans-serif; --body: "Avenir Next", "Helvetica Neue", "Segoe UI", system-ui, sans-serif; --mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace; } @media (prefers-color-scheme: dark) { :root { --paper: #17191A; --ink: #E7E8E2; --muted: #9AA096; --line: #383C38; --card: #1F2220; --accent: #FF7A38; --accent-ink: #1B1D1E; --diff-red: #E07A6B; --diff-red-bg: #35221F; --diff-green: #7FBE93; --diff-green-bg: #1E2E22; --band-bg: #101211; --band-ink: #EDEEE9; --band-muted: #7C8279; --code-bg: #101211; --code-ink: #D9DCD3; --code-muted: #666D64; } } :root[data-theme="dark"] { --paper: #17191A; --ink: #E7E8E2; --muted: #9AA096; --line: #383C38; --card: #1F2220; --accent: #FF7A38; --accent-ink: #1B1D1E; --diff-red: #E07A6B; --diff-red-bg: #35221F; --diff-green: #7FBE93; --diff-green-bg: #1E2E22; --band-bg: #101211; --band-ink: #EDEEE9; --band-muted: #7C8279; --code-bg: #101211; --code-ink: #D9DCD3; --code-muted: #666D64; } :root[data-theme="light"] { --paper: #ECEDE9; --ink: #1B1D1E; --muted: #5B615C; --line: #C9CCC4; --card: #F4F5F1; --accent: #E8551C; --accent-ink: #FFFFFF; --diff-red: #B23A2C; --diff-red-bg: #F3DFDA; --diff-green: #2E7A4C; --diff-green-bg: #DEEBDE; --band-bg: #1B1D1E; --band-ink: #EDEEE9; --band-muted: #8B9088; --code-bg: #212422; --code-ink: #D9DCD3; --code-muted: #6E756C; }