/** * AUDIT-M15 — Design tokens Ohmbase. * * Source de vérité pour les couleurs, espacements, rayons et ombres. * À inclure en PREMIER dans tous les qui veulent en bénéficier : * * * Les pages existantes définissent souvent leurs propres `:root { --xxx }` inline — on les * garde tels quels (anti-refacto-opportuniste). Pour les nouveaux composants/pages, utiliser * les tokens de ce fichier pour garantir la cohérence visuelle. * * Convention de nommage : * --color-* : couleurs (palette + sémantique) * --space-* : espacements (4-8-12-16-24-32-48-64) * --radius-* : rayons (sm/md/lg/full) * --shadow-* : ombres élévations * --grd-* : dégradés */ :root { /* ── Palette de base ── */ --color-bg: #0a0f1e; --color-bg-2: #0d1424; --color-bg-card: #111827; --color-text: #f1f5f9; --color-muted: #94a3b8; --color-dim: #64748b; --color-border: rgba(255,255,255,0.08); --color-border-h: rgba(48,195,158,0.4); /* ── Couleurs de marque ── */ --color-primary: #30c39e; --color-primary-2: #1a8fc1; --color-accent: #34c8a2; /* ── Couleurs sémantiques ── */ --color-success: #22c55e; --color-warning: #f59e0b; --color-danger: #ef4444; --color-info: #3b82f6; /* ── Plans (utilisé dans badges + cards) ── */ --color-plan-learning: #8b5cf6; --color-plan-pro: #f97316; --color-plan-ent: #1a8fc1; --color-plan-gestion: #5b21b6; /* ── Espacements (système 4px) ── */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; /* ── Rayons ── */ --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px; /* ── Ombres élévations ── */ --shadow-sm: 0 1px 4px rgba(0,0,0,0.08); --shadow-md: 0 4px 16px rgba(0,0,0,0.15); --shadow-lg: 0 10px 32px rgba(0,0,0,0.25); --shadow-glow: 0 6px 24px rgba(48,195,158,0.35); /* ── Dégradés ── */ --grd: linear-gradient(135deg, #1a8fc1 0%, #30c39e 100%); --grd-pro: linear-gradient(135deg, #1a6fc1 0%, #22b8a0 100%); --grd-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%); /* ── Typo ── */ --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-size-sm: 0.85em; --font-size-md: 0.95em; --font-size-lg: 1.1em; --font-weight-bold: 700; --font-weight-extrabold: 800; /* ── Transitions ── */ --transition-fast: 0.15s ease; --transition-base: 0.2s ease; --transition-slow: 0.35s cubic-bezier(.22,.68,0,1.15); }