File size: 1,810 Bytes
2d67aa6 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 | :root {
--font-sans: 'Inter', system-ui, -apple-system, sans-serif;
--font-display: 'Outfit', system-ui, -apple-system, sans-serif;
--color-primary: #4F46E5;
/* Indigo 600 */
--color-primary-dark: #4338CA;
--color-primary-light: #818CF8;
--color-background: #F8FAFC;
/* Slate 50 */
--color-surface: #FFFFFF;
--color-text-main: #0F172A;
/* Slate 900 */
--color-text-secondary: #64748B;
/* Slate 500 */
--color-text-muted: #94A3B8;
/* Slate 400 */
--color-success: #10B981;
--color-warning: #F59E0B;
--color-danger: #EF4444;
/* Premium Shadows - Softer and tinted */
--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.05), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.05), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
/* Feature Shadow - Diffuse Glow */
--shadow-glow: 0 0 40px -10px rgba(79, 70, 229, 0.15);
/* Tighter, more technical radii */
--radius-lg: 8px;
--radius-xl: 12px;
--radius-2xl: 16px;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: var(--font-sans);
background-color: var(--color-background);
color: var(--color-text-main);
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button {
cursor: pointer;
font-family: inherit;
}
a {
color: var(--color-primary);
text-decoration: none;
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #94a3b8;
}
|