58 lines
1.6 KiB
CSS
58 lines
1.6 KiB
CSS
:root {
|
|
color-scheme: dark;
|
|
color: #f8fafc;
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
--bg-primary: #23283d;
|
|
--bg-secondary: #1e2233;
|
|
--bg-secondary-alt: #191f2e;
|
|
--bg-tertiary: #101320;
|
|
--accent: #096dc0;
|
|
--accent-hover: #075696;
|
|
--primary: var(--accent);
|
|
--primary-hover: var(--accent-hover);
|
|
--bg-card: var(--bg-secondary);
|
|
--border-color: #ffffff14;
|
|
--text-main: #f8fafc;
|
|
--text-muted: #94a3b8;
|
|
--color-danger: #ef4444;
|
|
--color-danger-bg: #ef444426;
|
|
--color-danger-border: #ef44444d;
|
|
--color-danger-text: #f87171;
|
|
--color-success: #22c55e;
|
|
--color-success-bg: #22c55e26;
|
|
--color-success-border: #22c55e4d;
|
|
--color-success-text: #4ade80;
|
|
--color-warning: #fbbf24;
|
|
--color-warning-bg: #fbbf2426;
|
|
--color-warning-border: #fbbf244d;
|
|
--color-warning-text: #fbbf24;
|
|
--color-info: #60a5fa;
|
|
--color-info-bg: #60a5fa26;
|
|
--color-info-border: #60a5fa4d;
|
|
--color-info-text: #60a5fa;
|
|
--color-purple: #a78bfa;
|
|
--color-purple-bg: #a78bfa26;
|
|
--color-purple-border: #a78bfa4d;
|
|
--color-purple-text: #a78bfa;
|
|
--color-slate: #64748b;
|
|
--color-slate-bg: #64748b26;
|
|
--color-slate-border: #64748b4d;
|
|
--color-slate-text: #94a3b8;
|
|
--radius-sm: 6px;
|
|
--radius-md: 10px;
|
|
--radius-lg: 12px;
|
|
--radius-xl: 14px;
|
|
--radius-2xl: 16px;
|
|
--radius-3xl: 18px;
|
|
--radius-4xl: 20px;
|
|
--radius-container: 32px;
|
|
--transition-fast: .15s ease;
|
|
--transition-standard: .3s ease;
|
|
--transition-smooth: .3s cubic-bezier(.4,0,.2,1);
|
|
--transition-bounce: .3s cubic-bezier(.175,.885,.32,1.275);
|
|
font-family: Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;
|
|
font-weight: 400;
|
|
line-height: 1.5;
|
|
}
|