:root{
    --bg:#ece4da; --bg-2:#e3d9cc; --surface:#ffffff; --surface-2:#f7f8f3; --surface-3:#efe9df;
    --border:#e7e0d5; --border-light:#ded6c4;
    --text:#2c3d63; --text-dim:#5c6477; --text-mute:#8a8273;
    --accent:#ff6f5e; --accent-h:#ef5f4e; --accent-soft:rgba(255,111,94,.12);
    --cyan:#06b6c9; --cyan-soft:rgba(6,182,201,.10);
    --grad:linear-gradient(135deg,#2c3d63 0%,#ff6f5e 100%);
    --green:#0fa97f; --green-soft:rgba(15,169,127,.11);
    --orange:#e08a1e; --orange-soft:rgba(224,138,30,.12);
    --red:#e5484d; --red-soft:rgba(229,72,77,.11);
    --purple:#6c5cff; --purple-soft:rgba(108,92,255,.11);
    --gold:#e0961e; --pink:#e5484d;
    --radius:18px; --radius-sm:12px;
    --display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif;
    --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,"Segoe UI",sans-serif;
    --shadow:0 1px 2px rgba(12,27,42,.04),0 6px 20px rgba(12,27,42,.05);
    --shadow-lg:0 20px 50px rgba(12,27,42,.16);
    --overlay:rgba(8,18,30,.32);
    --glow:rgba(255,111,94,.20);
    --on-color:#ffffff; /* texte posé sur un fond de couleur pleine (--red, --accent…) */
    --sig:var(--accent);
  }
  [data-theme="dark"]{
    --bg:#07080c; --bg-2:#0c0e13; --surface:#1b202b; --surface-2:#242b38; --surface-3:#2f3746;
    --border:#2e3544; --border-light:#414a5c;
    --text:#f1f3f9; --text-dim:#9ea8bc; --text-mute:#67708a;
    --accent:#5b8def; --accent-h:#79a4f6; --accent-soft:rgba(91,141,239,.16);
    --green:#22c55e; --green-soft:rgba(34,197,94,.16);
    --orange:#f59e0b; --orange-soft:rgba(245,158,11,.16);
    --red:#f0556d; --red-soft:rgba(240,85,109,.16);
    --purple:#a87ffb; --purple-soft:rgba(168,127,251,.16);
    --cyan:#22d3ee; --cyan-soft:rgba(34,211,238,.16);
    --pink:#f472b6; --gold:#fbbf24;
    --shadow:0 4px 20px rgba(0,0,0,.45); --shadow-lg:0 24px 60px rgba(0,0,0,.65);
    --overlay:rgba(0,0,0,.72);
    --glow:rgba(91,141,239,.45);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;}
  body::before{content:"";position:fixed;inset:0;background:
    radial-gradient(1100px 620px at 88% -8%,rgba(255,111,94,.10),transparent),
    radial-gradient(900px 600px at 2% 102%,rgba(173,220,202,.18),transparent);
    pointer-events:none;z-index:0;opacity:.95;}
  .wrap{position:relative;z-index:1;max-width:none;margin-left:212px;padding:26px clamp(28px,3vw,64px) 64px;transition:margin-left .22s ease;}
  ::-webkit-scrollbar{width:10px;height:10px;} ::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:6px;}