/* fleypo design tokens — единый источник правды для CSS-переменных * Подключение: * * Тёмная тема активируется через . * Не дублируй эти переменные в локальных стилях — используй var(--xxx). */ :root { /* Brand */ --purple: oklch(65% 0.19 291); --purple-light: oklch(85% 0.10 291); --purple-soft: oklch(96% 0.03 291); /* Поверхности */ --bg: #fafafa; --bg-alt: #f0f0f5; --surface: #ffffff; /* Текст */ --ink: #1a1a2e; --fg: #1a1a2e; /* alias for --ink, оставлен для совместимости */ --muted: rgba(26, 26, 46, 0.55); --dim: rgba(26, 26, 46, 0.32); /* Границы */ --line: rgba(26, 26, 46, 0.08); --line-strong: rgba(26, 26, 46, 0.14); /* Тени */ --shadow: 0 2px 8px rgba(26, 26, 46, 0.04), 0 1px 3px rgba(26, 26, 46, 0.06); --shadow-hover: 0 6px 18px rgba(26, 26, 46, 0.08), 0 2px 4px rgba(26, 26, 46, 0.06); /* Семантические */ --success: oklch(55% 0.18 145); --warning: oklch(60% 0.16 80); --danger: oklch(55% 0.22 25); /* Шрифты */ --font-sans: 'Space Grotesk', system-ui, sans-serif; --font-display: 'Unbounded', system-ui, sans-serif; --font-mono: 'Space Mono', 'JetBrains Mono', monospace; /* Радиусы */ --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-pill: 999px; /* Икона на доске алхимии (per-device) */ --icon-scale: 1; } html[data-theme="dark"] { --bg: #0e0e14; --bg-alt: #16161f; --surface: #1c1c28; --ink: #f0f0f5; --fg: #f0f0f5; --muted: rgba(240, 240, 245, 0.62); --dim: rgba(240, 240, 245, 0.36); --line: rgba(240, 240, 245, 0.10); --line-strong: rgba(240, 240, 245, 0.18); --purple: oklch(72% 0.18 291); --purple-light: oklch(45% 0.14 291); --purple-soft: oklch(22% 0.05 291); --shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.5); --shadow-hover: 0 6px 18px rgba(0, 0, 0, 0.55), 0 2px 4px rgba(0, 0, 0, 0.45); }