/* Initiotech Ops — design tokens (v1.0, P0 #5 rebrand base) * Source : décision Fawaz 2026-04-23 (brand-guide fallback). * Dark mode par défaut, toggle clair via [data-theme="light"] sur . */ :root, [data-theme="dark"] { /* Couleurs de marque */ --brand-500: #1E7B3D; --brand-600: #166130; --brand-400: #2F9A53; --brand-100: #D5EADC; /* Encre / fonds (dark par défaut) */ --bg-0: #0B0F14; --bg-1: #111827; --bg-2: #1C2331; --bg-3: #2A3446; --border: #2A3446; --border-strong: #3A485F; --ink-1: #F1F5F9; --ink-2: #CBD5E1; --ink-3: #94A3B8; --ink-4: #64748B; /* Feedback */ --success: #22C55E; --warning: #F59E0B; --danger: #EF4444; --info: #3B82F6; /* Overlays */ --overlay: rgba(0, 0, 0, 0.6); --card-shadow: 0 4px 14px rgba(0, 0, 0, 0.3); /* Typo */ --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-base: 1rem; --fs-lg: 1.125rem; --fs-xl: 1.375rem; --fs-2xl: 1.75rem; --fs-3xl: 2.25rem; /* Espacements / rayons */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-8: 48px; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-full: 9999px; /* Motion */ --dur-fast: 120ms; --dur-base: 220ms; --ease: cubic-bezier(0.4, 0, 0.2, 1); } [data-theme="light"] { --bg-0: #F9FAFB; --bg-1: #FFFFFF; --bg-2: #F3F4F6; --bg-3: #E5E7EB; --border: #E5E7EB; --border-strong: #D1D5DB; --ink-1: #111827; --ink-2: #374151; --ink-3: #6B7280; --ink-4: #9CA3AF; --card-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); --overlay: rgba(17, 24, 39, 0.5); } /* Polices self-hosted fallback gracieux (Google Fonts + system fallback) */ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap"); html { color-scheme: dark light; } [data-theme="light"] { color-scheme: light; } [data-theme="dark"] { color-scheme: dark; } body { font-family: var(--font-sans); background: var(--bg-0); color: var(--ink-1); margin: 0; -webkit-font-smoothing: antialiased; } code, pre, kbd, samp { font-family: var(--font-mono); } *, *::before, *::after { box-sizing: border-box; } a { color: var(--brand-400); text-decoration: none; } a:hover { text-decoration: underline; }