/* SkillsAfrique design tokens — generated from tokens.json. Light = :root / [data-theme="light"], dark = [data-theme="dark"]. */
:root, [data-theme="light"] {
  --navy-50: #f4f7fe;
  --navy-100: #e8ebf3;
  --navy-200: #d1d4dc;
  --navy-300: #b2b7c6;
  --navy-400: #8c94ae;
  --navy-500: #697395;
  --navy-600: #4d5881;
  --navy-700: #364170;
  --navy-800: #212b5e;
  --navy-900: #0e1540;
  --sky-50: #f0f8fe;
  --sky-100: #d9efff;
  --sky-200: #b1deff;
  --sky-300: #7dc7fa;
  --sky-400: #4eabe7;
  --sky-500: #0091d5;
  --sky-600: #0473aa;
  --sky-700: #045b88;
  --sky-800: #034467;
  --sky-900: #002f49;
  --ember-50: #fef4f1;
  --ember-100: #ffe5db;
  --ember-200: #fecab8;
  --ember-300: #fea88a;
  --ember-400: #f88155;
  --ember-500: #e8642f;
  --ember-600: #c14e1e;
  --ember-700: #a03c0e;
  --ember-800: #802a02;
  --ember-900: #5a1b01;
  --ink-50: #f7f7f8;
  --ink-100: #eef0f5;
  --ink-200: #dfe1e7;
  --ink-300: #c4c7cf;
  --ink-400: #9b9ea8;
  --ink-500: #767a86;
  --ink-600: #595d6a;
  --ink-700: #404452;
  --ink-800: #292d3c;
  --ink-900: #131726;
  --green-50: #e3ffee;
  --green-100: #d2f5e0;
  --green-200: #b7e4ca;
  --green-300: #95cdad;
  --green-400: #6db38d;
  --green-500: #429a6e;
  --green-600: #1f8a5b;
  --green-700: #016942;
  --green-800: #015031;
  --green-900: #003821;
  --amber-50: #fff6e7;
  --amber-100: #fee8c4;
  --amber-200: #ffcf80;
  --amber-300: #f2b233;
  --amber-400: #d99f2a;
  --amber-500: #bb881f;
  --amber-600: #9a6e12;
  --amber-700: #7e5906;
  --amber-800: #624402;
  --amber-900: #473102;
  --red-50: #fef4f3;
  --red-100: #ffe4e2;
  --red-200: #fec8c5;
  --red-300: #fea09c;
  --red-400: #f07876;
  --red-500: #de5457;
  --red-600: #d0343f;
  --red-700: #a11a28;
  --red-800: #800218;
  --red-900: #5c000e;
  --bg: #f7f7f8;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #eef0f5;
  --surface-inverse: #212b5e;
  --surface-brand: #212b5e;
  --line: #dfe1e7;
  --line-control: #697395;
  --ink: #292d3c;
  --ink-heading: #212b5e;
  --ink-muted: #595d6a;
  --ink-inverse: #ffffff;
  --on-brand: #ffffff;
  --action: #0473aa;
  --action-hover: #045b88;
  --action-pressed: #034467;
  --on-action: #ffffff;
  --action-soft: #f0f8fe;
  --link: #0473aa;
  --brand-sky: #0091d5;
  --brand-navy: #212b5e;
  --accent: #e8642f;
  --accent-hover: #f88155;
  --on-accent: #0e1540;
  --accent-text: #a03c0e;
  --accent-soft: #fef4f1;
  --focus-ring: #0091d5;
  --success: #016942;
  --success-fill: #1f8a5b;
  --success-soft: #e3ffee;
  --warning: #7e5906;
  --warning-fill: #f2b233;
  --warning-soft: #fff6e7;
  --error: #a11a28;
  --error-fill: #d0343f;
  --error-soft: #fef4f3;
  --info: #045b88;
  --info-fill: #0091d5;
  --info-soft: #f0f8fe;
  --shadow-xs: 0 1px 2px rgba(33,43,94,0.06);
  --shadow-sm: 0 2px 6px -1px rgba(33,43,94,0.08), 0 1px 2px rgba(33,43,94,0.06);
  --shadow-md: 0 10px 24px -8px rgba(33,43,94,0.16), 0 2px 4px rgba(33,43,94,0.05);
  --shadow-lg: 0 24px 56px -16px rgba(33,43,94,0.26);
  --shadow-ember: 0 10px 24px -10px rgba(232,100,47,0.6);
}
[data-theme="dark"] {
  --bg: #0e1540;
  --surface: #161e4f;
  --surface-raised: #1e2860;
  --surface-sunken: #0a0f33;
  --surface-inverse: #f2f4fa;
  --surface-brand: #212b5e;
  --line: #2b3670;
  --line-control: #7a85b8;
  --ink: #e9ecf6;
  --ink-heading: #ffffff;
  --ink-muted: #aab2d0;
  --ink-inverse: #0e1540;
  --on-brand: #ffffff;
  --action: #4eabe7;
  --action-hover: #7dc7fa;
  --action-pressed: #b1deff;
  --on-action: #0e1540;
  --action-soft: #0d2b55;
  --link: #7dc7fa;
  --brand-sky: #0091d5;
  --brand-navy: #212b5e;
  --accent: #e8642f;
  --accent-hover: #f88155;
  --on-accent: #0e1540;
  --accent-text: #fea88a;
  --accent-soft: #3a1a12;
  --focus-ring: #7dc7fa;
  --success: #95cdad;
  --success-fill: #6db38d;
  --success-soft: #0e3326;
  --warning: #ffcf80;
  --warning-fill: #f2b233;
  --warning-soft: #3a2b06;
  --error: #fea09c;
  --error-fill: #f07876;
  --error-soft: #4a0d17;
  --info: #7dc7fa;
  --info-fill: #4eabe7;
  --info-soft: #0b2a4f;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-sm: 0 2px 6px -1px rgba(0,0,0,0.5);
  --shadow-md: 0 10px 24px -8px rgba(0,0,0,0.6);
  --shadow-lg: 0 24px 56px -16px rgba(0,0,0,0.7);
  --shadow-ember: 0 10px 24px -10px rgba(232,100,47,0.5);
}
:root {
  --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;
  --space-20: 80px;
  --space-24: 96px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --s-corner: 24px 8px 24px 8px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-pill: 999px;
  --touch-min: 44px;
  --control-sm: 36px;
  --control-md: 48px;
  --control-lg: 56px;
  --nav-bottom: 64px;
  --nav-top: 72px;
  --content-max: 1200px;
  --bp-mobile: 360px;
  --bp-tablet: 768px;
  --bp-desktop: 1440px;
  --font-display: Montserrat, "Segoe UI", system-ui, sans-serif;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
@font-face{font-family:"Inter";src:url("fonts/Inter-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/Montserrat-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/Montserrat-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("fonts/Montserrat-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}