/* OGEEAT v2.5 — Design tokens « Console » * Référence : docs/superpowers/specs/2026-05-05-ogeeat-design-tokens-console.md */ .ogeeat-app { /* Surfaces */ --ogt-bg: #fafafa; --ogt-bg-2: #f4f4f5; --ogt-card: #ffffff; /* Encre */ --ogt-ink: #0a0a0a; --ogt-ink-2: #52525b; --ogt-ink-3: #a1a1aa; /* Lignes */ --ogt-rule: #e4e4e7; --ogt-rule-2: #d4d4d8; /* Marque OGEEAT */ --ogt-orange: #ea580c; --ogt-orange-bg: #fff7ed; /* États */ --ogt-green: #16a34a; --ogt-green-bg: #f0fdf4; --ogt-amber: #d97706; --ogt-amber-bg: #fffbeb; --ogt-red: #dc2626; --ogt-red-bg: #fef2f2; --ogt-blue: #2563eb; /* Typo */ --ogt-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --ogt-font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace; /* Espacement (8pt grid) */ --ogt-space-1: 4px; --ogt-space-2: 8px; --ogt-space-3: 12px; --ogt-space-4: 16px; --ogt-space-5: 20px; --ogt-space-6: 24px; --ogt-space-8: 32px; --ogt-space-10: 40px; /* Coins */ --ogt-radius-sm: 4px; --ogt-radius: 5px; --ogt-radius-md: 6px; --ogt-radius-lg: 8px; } /* Visual base styles ONLY on inline wrappers (widget, metabox, modal) and OGEEAT page bodies. * Never on — that would shrink WP core UI (e.g. AI Features consent toggle on profile, * notices, native form elements). */ .ogeeat-app:not(body) { background: var(--ogt-bg); color: var(--ogt-ink); font-family: var(--ogt-font-sans); font-size: 13px; line-height: 1.5; } body.ogeeat-app .ogeeat-app__page { color: var(--ogt-ink); font-family: var(--ogt-font-sans); line-height: 1.5; }