|
/* retoor <retoor@molodetz.nl> */
|
|
|
|
:root {
|
|
--bg-primary: #271b5b;
|
|
--bg-secondary: #1a1736;
|
|
--bg-card: #13112a;
|
|
--bg-card-hover: #1a1736;
|
|
--bg-input: #1a1736;
|
|
--bg-modal: #13112a;
|
|
|
|
--accent: #b73f1e;
|
|
--accent-rgb: 183, 63, 30;
|
|
--accent-hover: #af3050;
|
|
--accent-light: rgba(183, 63, 30, 0.14);
|
|
--accent-2: #af3050;
|
|
--accent-gradient: linear-gradient(135deg, #b73f1e, #af3050, #8f3b71);
|
|
--on-accent: #fff;
|
|
|
|
--text-primary: #e9e4ff;
|
|
--text-secondary: #c8c3e5;
|
|
--text-muted: #9b93c9;
|
|
|
|
--border: #11101f;
|
|
--border-light: #2f2a55;
|
|
|
|
--success: #34d399;
|
|
--warning: #fbbf24;
|
|
--danger: #f87171;
|
|
--info: #60a5fa;
|
|
|
|
--radius: 8px;
|
|
--radius-input: 8px;
|
|
--radius-lg: 12px;
|
|
--radius-xl: 16px;
|
|
|
|
--shadow-sm: 0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 10px 20px -2px rgba(0, 0, 0, 0.04);
|
|
--shadow: 0 4px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
--shadow-lg: 0 10px 40px -10px rgba(0, 0, 0, 0.15), 0 2px 10px -2px rgba(0, 0, 0, 0.05);
|
|
|
|
--white: #fff;
|
|
--overlay-dark: rgba(0, 0, 0, 0.7);
|
|
--overlay-light: rgba(255, 255, 255, 0.05);
|
|
|
|
--space-xs: 0.25rem;
|
|
--space-sm: 0.5rem;
|
|
--space-md: 0.75rem;
|
|
--space-lg: 1rem;
|
|
--space-xl: 1.5rem;
|
|
--space-2xl: 2rem;
|
|
|
|
--font-sans: "Trebuchet MS", "Segoe UI", Tahoma, Verdana, sans-serif;
|
|
--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;
|
|
|
|
--nav-height: 56px;
|
|
--sidebar-width: 240px;
|
|
--max-content: 1200px;
|
|
|
|
--z-fab: 900;
|
|
--z-nav-overlay: 998;
|
|
--z-nav-panel: 999;
|
|
--z-nav: 1000;
|
|
--z-nav-drop: 1001;
|
|
--z-modal: 2000;
|
|
--z-popover: 2100;
|
|
--z-lightbox: 10000;
|
|
--z-chrome-fw: 2147480000;
|
|
--z-chrome-devii: 2147483000;
|
|
--z-chrome-toast: 2147483400;
|
|
--z-chrome-menu: 2147483500;
|
|
--z-chrome-dialog: 2147483647;
|
|
|
|
--topic-devlog: #7c4dff;
|
|
--topic-showcase: #00bfa5;
|
|
--topic-question: #448aff;
|
|
--topic-rant: #ff5252;
|
|
--topic-fun: #ffab00;
|
|
--topic-politics: #00bcd4;
|
|
|
|
--bg-gradient: linear-gradient(135deg, #271b5b 0%, #1d1545 50%, #271b5b 100%);
|
|
}
|