Johan LEROY
32dd0587e9
Six tailles de police (--font-size-xs à --font-size-2xl) et --shadow-card-hover, pour que les nouveaux composants cessent de poser des rem en dur.
51 lines
1.3 KiB
SCSS
51 lines
1.3 KiB
SCSS
:root {
|
|
// Marque (dérivé du logo : vert feuille/éclair, halo)
|
|
--color-primary: #16a34a;
|
|
--color-primary-hover: #15803d;
|
|
--color-primary-light: #dcfce7;
|
|
|
|
// Neutres (texte, bordures, fonds)
|
|
--color-text: #1f2937;
|
|
--color-text-muted: #6b7280;
|
|
--color-label: #374151;
|
|
--color-border: #d1d5db;
|
|
--color-border-light: #e5e7eb;
|
|
--color-bg: #f3f4f6;
|
|
--color-surface: #ffffff;
|
|
--color-disabled: #9ca3af;
|
|
|
|
// Sémantique (statuts, alertes)
|
|
--color-success: #16a34a;
|
|
--color-success-bg: #dcfce7;
|
|
--color-warning: #f9a825;
|
|
--color-warning-bg: #fef9e7;
|
|
--color-danger: #dc2626;
|
|
--color-danger-hover: #b91c1c;
|
|
--color-danger-bg: #fef2f2;
|
|
--color-danger-border: #fecaca;
|
|
--color-critical: #b91c1c;
|
|
--color-warning-text: #92400e;
|
|
--color-text-inverse: #ffffff;
|
|
|
|
// Typo, rayons, ombre
|
|
--font-family: 'Segoe UI', system-ui, sans-serif;
|
|
--font-size-xs: 0.75rem;
|
|
--font-size-sm: 0.85rem;
|
|
--font-size-md: 1rem;
|
|
--font-size-lg: 1.25rem;
|
|
--font-size-xl: 1.75rem;
|
|
--font-size-2xl: 2.25rem;
|
|
--radius-sm: 8px;
|
|
--radius-md: 12px;
|
|
--radius-pill: 999px;
|
|
--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
|
|
--shadow-card-hover: 0 6px 16px rgba(0, 0, 0, 0.08);
|
|
|
|
// Espacements
|
|
--space-1: 0.35rem;
|
|
--space-2: 0.6rem;
|
|
--space-3: 1rem;
|
|
--space-4: 1.5rem;
|
|
--space-5: 2.5rem;
|
|
}
|