File size: 1,615 Bytes
eebc40f |
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 |
/* CSS Variables for style normalization */
:root {
/* Primary colors */
--color-bg-primary: #ffffff;
--color-bg-secondary: #f8f9fa;
--color-bg-tertiary: #e9ecef;
--color-text-primary: #000000;
--color-text-secondary: #666666;
--color-text-tertiary: #999999;
--color-border-primary: #e0e0e0;
--color-border-secondary: #d1d5db;
--color-accent: #007acc;
--color-accent-hover: #005a9e;
/* Dark mode colors */
--color-bg-primary-dark: #000000;
--color-bg-secondary-dark: #1a1a1a;
--color-bg-tertiary-dark: #333333;
--color-text-primary-dark: #ffffff;
--color-text-secondary-dark: #cccccc;
--color-text-tertiary-dark: #999999;
--color-border-primary-dark: #404040;
--color-border-secondary-dark: #555555;
--color-accent-dark: #4fc3f7;
--color-accent-hover-dark: #29b6f6;
/* Spacing */
--spacing-xs: 4px;
--spacing-sm: 8px;
--spacing-md: 12px;
--spacing-lg: 16px;
--spacing-xl: 20px;
/* Borders */
--border-radius-sm: 4px;
--border-radius-md: 6px;
--border-radius-lg: 8px;
/* Light shadows */
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
--shadow-md: 0 2px 6px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1);
/* Transitions */
--transition-fast: 0.15s ease;
--transition-normal: 0.2s ease;
--transition-slow: 0.3s ease;
/* Overlay opacities */
--overlay-opacity-light: 0.6;
--overlay-opacity-dark: 0.5;
/* Logo font */
--font-logo: 'Source Sans Pro', 'Times New Roman', serif;
}
/* Spinner animation */
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
|