/* investhome — design tokens Заменяет app/static/css/tokens.css Светлая тема по умолчанию, тёмная — */ :root { /* поверхности */ --paper: #F6F5F2; --surface: #FFFFFF; --surface-2: #EFEDE8; --sunk: #FBFAF8; /* текст */ --ink: #171C1F; --ink-2: #59656B; --ink-3: #8B959A; /* линии */ --line: #E4E2DC; --line-2: #CFCCC4; /* акцент (графит логотипа) */ --accent: #2D373C; --accent-ink: #FFFFFF; --accent-soft: #EAEDEE; /* статусы */ --good: #2C6349; --good-bg: #E6EFE9; --warn: #84580F; --warn-bg: #F6EDDA; --bad: #96382B; --bad-bg: #F7E7E4; /* типографика */ --font-display: 'Spectral', Georgia, serif; --font-body: 'Manrope', system-ui, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; /* сетка */ --space-1: 6px; --space-2: 10px; --space-3: 16px; --space-4: 24px; --space-5: 40px; --space-6: 64px; --radius: 2px; --row-pad: 11px 14px; --shadow: 0 1px 2px rgba(23, 28, 31, .04); --logo-filter: none; color-scheme: light; } :root[data-theme="dark"] { --paper: #0F1214; --surface: #161A1D; --surface-2: #1E2326; --sunk: #131719; --ink: #ECEFEE; --ink-2: #9AA5AA; --ink-3: #6C767B; --line: #262C30; --line-2: #333A3F; --accent: #E9E7E2; --accent-ink: #121618; --accent-soft: #20262A; --good: #7FC5A2; --good-bg: rgba(127, 197, 162, .13); --warn: #D6A55C; --warn-bg: rgba(214, 165, 92, .13); --bad: #DE8B7C; --bad-bg: rgba(222, 139, 124, .13); --shadow: 0 1px 2px rgba(0, 0, 0, .3); --logo-filter: brightness(0) invert(1) opacity(.92); color-scheme: dark; }