/* Olorun Technologies : variables du design system (tokens.json), thème Clair. */
:root {
  --bg: #FFFFFF; --bg2: #F4F6F8; --paper: #FFFFFF;
  --ink: #0E2230; --ink2: #3B4F5C; --ink3: #8593A0; --ink3-text: #66727D;
  --rule: #4D7A99; --rule-soft: #E1E5E9;
  --accent: #E63946; --accent-text: #C62834; --accent-fill: #DC3441; --accent-soft: #FCE0E3; --accent-on-dark: #FF6B7A;
  --contrast: #1F4E66; --success: #2E6F4F;
  --rule-on-dark: #2A4055; --text-on-dark: #B9C6D1; --link-on-dark: #D7DEE4; --label-on-dark: #8593A0; --beige-on-dark: #C9C2B2;
  --illo-bg: #F6F7F9; --line-on-dark-soft: #FFFFFF24; --line-on-dark-faint: #FFFFFF26; --tag-on-dark: #FFFFFF14;
  --surface: var(--bg); --fg: var(--ink); --fg-body: var(--ink2); --fg-muted: var(--ink3-text); --fg-eyebrow: var(--ink2);
  --fg-accent: var(--accent); --fg-accent-text: var(--accent-text); --line: var(--rule-soft);
  --shadow-mega: 0 24px 48px -24px #0E223040; --shadow-screen: 0 24px 48px -24px #0E223073;
  --space-gutter: 56px; --space-gutter-tablet: 32px; --space-gutter-mobile: 20px;
  --space-section: 64px; --space-section-tablet: 56px; --space-section-mobile: 48px;
  --space-header-y: 20px; --space-nav-gap: 32px; --space-footer-top: 72px; --space-footer-gap: 48px;
  --space-card: 28px; --space-card-lg: 40px; --space-form: 20px; --space-stack: 12px; --space-chip: 8px;
  --radius-none: 0; --radius-shot-label: 3px; --radius-shot: 6px; --radius-screen: 10px; --radius-round: 50%;
  --width-page: 1440px; --focus-width: 2px; --focus-offset: 2px; --opacity-disabled: 0.45; --opacity-decor: 0.55;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
}