59 lines
No EOL
1.4 KiB
CSS
59 lines
No EOL
1.4 KiB
CSS
:root {
|
|
/* Couleurs principales */
|
|
--bg: linear-gradient(135deg, #1e1e2f 0%, #16213e 100%);
|
|
--bg-solid: #1e1e2f;
|
|
--card: rgba(44, 44, 62, 0.8);
|
|
--card-hover: rgba(58, 58, 82, 0.9);
|
|
--text: #ffffff;
|
|
--text-secondary: rgba(255, 255, 255, 0.7);
|
|
--accent: #4fc3f7;
|
|
--accent-hover: #29b6f6;
|
|
--hover: #3a3a52;
|
|
|
|
/* Couleurs de service */
|
|
--nextcloud: #0082c9;
|
|
--wekan: #d32f2f;
|
|
--forgejo: #609926;
|
|
--ai: #9c27b0;
|
|
|
|
/* Couleurs de statut */
|
|
--success: #4caf50;
|
|
--warning: #ff9800;
|
|
--error: #f44336;
|
|
--info: #2196f3;
|
|
|
|
/* Typographie */
|
|
--font-main: 'Inter', 'Segoe UI', sans-serif;
|
|
--font-weight-light: 300;
|
|
--font-weight-normal: 400;
|
|
--font-weight-medium: 500;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
|
|
/* Espacements */
|
|
--border-radius: 16px;
|
|
--border-radius-small: 8px;
|
|
--border-radius-large: 24px;
|
|
--padding-base: 1.5rem;
|
|
--padding-small: 1rem;
|
|
--padding-large: 2rem;
|
|
--gap-small: 1rem;
|
|
--gap-medium: 1.5rem;
|
|
--gap-large: 2rem;
|
|
|
|
/* Ombres */
|
|
--shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
--shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15);
|
|
--shadow-large: 0 8px 32px rgba(0, 0, 0, 0.2);
|
|
--shadow-glow: 0 0 20px rgba(79, 195, 247, 0.3);
|
|
|
|
/* Transitions */
|
|
--transition-fast: 0.2s ease;
|
|
--transition-medium: 0.3s ease;
|
|
--transition-slow: 0.5s ease;
|
|
|
|
/* Breakpoints */
|
|
--mobile: 768px;
|
|
--tablet: 1024px;
|
|
--desktop: 1200px;
|
|
} |