/* ============================================================= * Dev Portal — Design Tokens (dev2 · KISELEV GROUP) * Тёплый бежевый фон, чернила #0E1014, оранжевый акцент #EE5A1F. * Шрифты: Onest (текст/UI) + JetBrains Mono (мета/цифры/код). * Значения — HSL-триплеты (используются как hsl(var(--x))). * Тёмная тема выведена из светлой (тёплый charcoal). * ============================================================= */ /* Шрифты (fonts-onest-jbm.css) подключаются отдельным в — раньше, чем этот файл. @import здесь означал бы лишний RTT (браузер находит шрифты только после парсинга tokens.css) и оттягивал их загрузку → скачок шрифта. */ /* ── Light mode (default) — KG warm ────────────────────────── */ :root { --background: 44 33% 95%; /* #F6F4EE тёплый бежевый */ --foreground: 220 18% 7%; /* #0E1014 чернила */ --card: 0 0% 100%; /* #FFFFFF */ --card-foreground: 220 18% 7%; --popover: 0 0% 100%; --popover-foreground: 220 18% 7%; --primary: 17 86% 53%; /* #EE5A1F акцент */ --primary-foreground: 0 0% 100%; --secondary: 44 28% 90%; /* #ECE8DC */ --secondary-foreground: 220 18% 7%; --muted: 44 28% 90%; --muted-foreground: 219 12% 34%; /* #4B5260 */ --accent: 22 80% 92%; /* #FCE6D9 accent-soft */ --accent-foreground: 17 86% 45%; --destructive: 15 90% 41%; /* #C73B0B */ --destructive-foreground: 0 0% 100%; --border: 44 23% 87%; /* #E6E2D7 */ --input: 44 23% 87%; --ring: 17 86% 53%; --radius: 0.625rem; /* Frost → перепрофилировано под KG (frost-2 = акцент) */ --smui-frost-1: 152 63% 33%; --smui-frost-2: 17 86% 53%; --smui-frost-3: 213 30% 50%; --smui-frost-4: 17 86% 45%; /* Aurora → семантика KG */ --smui-red: 15 90% 41%; /* #C73B0B */ --smui-orange: 17 86% 53%; /* #EE5A1F */ --smui-yellow: 35 87% 42%; /* #C97A0E warn */ --smui-green: 154 63% 33%; /* #1F8A5B good */ --smui-purple: 236 48% 58%; /* #5E63C9 php */ /* Surface hierarchy */ --smui-surface-0: 44 33% 95%; --smui-surface-1: 0 0% 100%; --smui-surface-2: 44 28% 90%; --smui-surface-3: 44 22% 84%; /* Interactive border */ --smui-border-hover: 219 12% 45%; /* Typography */ /* Metric-подогнанные фолбэки ('…Fallback') стоят перед system-ui: пока грузится web-font, текст занимает ТУ ЖЕ ширину/высоту → нет скачка. */ --font-sans: 'Onest', 'Onest Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-mono: 'JetBrains Mono', 'JBM Fallback', ui-monospace, SFMono-Regular, monospace; } /* ── Dark mode — KG warm charcoal ──────────────────────────── */ .dark { --background: 38 13% 7%; /* #151310 */ --foreground: 45 35% 93%; /* #F4F1E8 */ --card: 40 18% 10%; /* #1E1B15 */ --card-foreground: 45 35% 93%; --popover: 40 18% 10%; --popover-foreground: 45 35% 93%; --primary: 18 88% 56%; /* #F2662B */ --primary-foreground: 30 30% 8%; --secondary: 38 20% 13%; /* #272219 */ --secondary-foreground: 45 35% 93%; --muted: 38 20% 13%; --muted-foreground: 42 12% 66%; /* #B4AE9F */ --accent: 30 22% 14%; --accent-foreground: 18 88% 56%; --destructive: 11 80% 59%; /* #EA6242 */ --destructive-foreground: 45 35% 95%; --border: 39 17% 16%; /* #302B22 */ --input: 39 17% 16%; --ring: 18 88% 56%; --radius: 0.625rem; /* Frost → перепрофилировано под KG */ --smui-frost-1: 152 55% 47%; --smui-frost-2: 18 88% 56%; --smui-frost-3: 210 34% 63%; --smui-frost-4: 18 80% 50%; /* Aurora → семантика KG */ --smui-red: 11 80% 59%; --smui-orange: 18 88% 56%; --smui-yellow: 40 71% 55%; --smui-green: 152 47% 52%; --smui-purple: 240 60% 74%; /* Surface hierarchy */ --smui-surface-0: 38 13% 7%; --smui-surface-1: 40 18% 10%; --smui-surface-2: 38 20% 13%; --smui-surface-3: 36 16% 17%; /* Interactive border */ --smui-border-hover: 40 12% 30%; } /* ── Тема «Графит» — холодный графит × navy ───────────────── * Синтез палитр miraphone-raspredelenie (графит #0f1115, индиго #7c8cf8) * и fomenko-timemanager-php (navy #0f1729, синий #4a9eff): hue усреднён * (индиго 232° + азур 212° → перивинкль 222°), насыщенность между * «плоской» 14% и «морской» 46% → 30%. * Тема ТЁМНАЯ: несёт оба класса .dark + .theme-graphite, поэтому все * существующие правила «.dark .foo» продолжают работать, а токены * переопределяются более специфичным селектором ниже. * Шрифты (--font-sans/--font-mono) наследуются из :root — не дублируем. * ────────────────────────────────────────────────────────── */ .dark.theme-graphite { --background: 222 30% 9%; /* #10141e глубокий сине-графит */ --foreground: 220 32% 91%; /* #e1e6ef */ --card: 223 30% 13%; /* #171d2b */ --card-foreground: 220 32% 91%; --popover: 223 30% 13%; --popover-foreground: 220 32% 91%; --primary: 222 88% 66%; /* #5c8af5 перивинкль-синий */ --primary-foreground: 222 45% 10%; /* #0e1525 чернильная подложка */ --secondary: 221 30% 16%; /* #1d2435 */ --secondary-foreground: 220 32% 91%; --muted: 221 30% 16%; --muted-foreground: 220 18% 62%; /* #8d98b0 */ --accent: 222 40% 16%; /* #182239 синий-тинт surface */ --accent-foreground: 222 88% 72%; --destructive: 0 84% 64%; /* #f05656 */ --destructive-foreground: 0 0% 100%; --border: 222 26% 22%; /* #2a3247 */ --input: 222 26% 22%; --ring: 222 88% 66%; --radius: 0.625rem; /* Frost → под графит (frost-2 = акцент) */ --smui-frost-1: 152 55% 50%; --smui-frost-2: 222 88% 66%; --smui-frost-3: 212 80% 64%; --smui-frost-4: 222 78% 56%; /* Aurora → семантика */ --smui-red: 0 84% 64%; --smui-orange: 26 90% 60%; --smui-yellow: 41 90% 55%; --smui-green: 142 62% 52%; --smui-purple: 255 80% 74%; /* смещён от акцента 222°, чтобы различались */ /* Surface hierarchy */ --smui-surface-0: 222 30% 9%; --smui-surface-1: 223 30% 13%; --smui-surface-2: 221 30% 16%; --smui-surface-3: 221 28% 19%; /* Interactive border */ --smui-border-hover: 221 22% 34%; }