/*
Theme Name: IA Formation
Theme URI: https://iaformation.ai
Description: Thème léger du site IA Formation, hors Oxygen. Aligné sur le design system officiel (Segoe UI, mode sombre).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ia-formation
*/

:root{
  color-scheme:light;
  --brand:#313856; --on-brand:#ffffff;
  --accent-blue:#48c2fb; --accent-pink:#f64e6e; --accent-warm:#ff795e;
  --surface:#f4f8fc; --surface-raised:#ffffff; --surface-sunken:#e6f0f9;
  --ink:#2a3050; --ink-muted:#5a6488; --border:#d7e2f0; --link:#1479a8;
  --font-sans:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;
  --radius-sm:15px; --radius-md:20px; --radius-lg:25px; --radius-pill:999px;
  --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:32px; --space-6:48px;
  --shadow-sm:0 4px 14px rgba(49,56,86,.08);
  --shadow-md:0 10px 30px rgba(49,56,86,.10);
  --shadow-lg:0 20px 50px rgba(49,56,86,.16);
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --ease-drawer:cubic-bezier(.32,.72,0,1);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --surface:#12162a; --surface-raised:#1b2140; --surface-sunken:#20274a;
  --ink:#e7ecfb; --ink-muted:#a4adda; --border:#2c3660; --link:#7dd3fc;
  --shadow-sm:0 4px 14px rgba(0,0,0,.35);
  --shadow-md:0 12px 34px rgba(0,0,0,.45);
  --shadow-lg:0 20px 50px rgba(0,0,0,.55);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --surface:#12162a; --surface-raised:#1b2140; --surface-sunken:#20274a;
    --ink:#e7ecfb; --ink-muted:#a4adda; --border:#2c3660; --link:#7dd3fc;
    --shadow-sm:0 4px 14px rgba(0,0,0,.35);
    --shadow-md:0 12px 34px rgba(0,0,0,.45);
    --shadow-lg:0 20px 50px rgba(0,0,0,.55);
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.6}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{color:var(--ink);font-family:var(--font-sans);line-height:1.2}
img{max-width:100%;height:auto}
.ia-site-main{width:100%;margin:0}