60 lines
1.3 KiB
CSS
60 lines
1.3 KiB
CSS
:root {
|
|
--ink: #17212b;
|
|
--ink-soft: #34434f;
|
|
--muted: #607080;
|
|
--line: #d9e1e7;
|
|
--line-strong: #b9c7cf;
|
|
--canvas: #f4f7f8;
|
|
--surface: #ffffff;
|
|
--surface-soft: #edf3f3;
|
|
--brand: #008a7a;
|
|
--brand-dark: #00695f;
|
|
--brand-soft: #dcefeb;
|
|
--accent: #e96f45;
|
|
--accent-soft: #fff1eb;
|
|
--visitor: #e8f6f1;
|
|
--agent: #f2f5f7;
|
|
--danger: #b43b2c;
|
|
--danger-soft: #fff0ed;
|
|
--success: #2e7d32;
|
|
--success-soft: #eaf4eb;
|
|
--negative: #c62828;
|
|
--overlay: rgba(23, 33, 43, 0.68);
|
|
--overlay-deep: rgba(8, 20, 23, 0.82);
|
|
--overlay-soft: rgba(8, 20, 23, 0.24);
|
|
--surface-glass: rgba(255, 255, 255, 0.9);
|
|
--transparent: rgba(255, 255, 255, 0);
|
|
--shadow-card: 0 2px 6px rgba(0, 0, 0, 0.04);
|
|
--shadow-menu: 0 14px 36px rgba(23, 33, 43, 0.12);
|
|
--shadow-elevated: 0 24px 64px rgba(8, 20, 23, 0.14);
|
|
|
|
--fs-display: 24px;
|
|
--fs-title: 18px;
|
|
--fs-body: 14px;
|
|
--fs-small: 12px;
|
|
--fs-metric: 28px;
|
|
--fs-section: 32px;
|
|
--fs-hero: 52px;
|
|
|
|
--space-1: 4px;
|
|
--space-2: 8px;
|
|
--space-3: 12px;
|
|
--space-4: 16px;
|
|
--space-5: 24px;
|
|
--space-6: 32px;
|
|
--space-7: 48px;
|
|
--space-8: 64px;
|
|
--space-9: 80px;
|
|
--space-10: 96px;
|
|
|
|
--radius-sm: 4px;
|
|
--radius-md: 6px;
|
|
--radius-lg: 10px;
|
|
--control-height: 44px;
|
|
--content-width: 1240px;
|
|
--header-height: 68px;
|
|
--bp-sm: 620px;
|
|
--bp-md: 900px;
|
|
--bp-lg: 1280px;
|
|
}
|