/* ==========================================================================
   theme/tmip.css — tmip.trans-former.fr
   Palette extraite du site réel (P2, 2026-07-20) : orange #e87425 + jaune
   #f9d400 + navy #080c21, dark mode navy. Poppins partout (identité TMIP),
   Open Sans en police secondaire côté site (--tmip-font-secondary).

   Corrections AA vs l'existant — DÉCISION VERROUILLÉE (Jules, 2026-07-20,
   ne pas revenir au blanc) :
   - --on-primary = navy (blanc sur orange = 3.0:1, insuffisant en texte)
   - --link clair = #bd5512 (l'orange brut sur blanc = 3.0:1)
   - --text-subtle éclairci/foncé pour tenir 4.5:1 dans les deux modes
   ========================================================================== */

:root {
  --font-heading: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Consolas, monospace;

  /* Clair */
  --bg: #ffffff;
  --bg-alt: #f7f8fc;
  --surface: #ffffff;
  --surface-2: #f1f3f9;

  --text: #1a1a2e;
  --text-muted: #6b7280;
  --text-subtle: #6e7583;

  --border: #e5e7eb;
  --border-strong: #9ca3af;

  --primary: #e87425;
  --primary-hover: #d4661e;
  --on-primary: #080c21;

  --accent: #f9d400;
  --on-accent: #080c21;

  --link: #bd5512;
  --link-hover: #a34a0f;

  --focus-ring: #d4661e;
}

:root[data-theme="dark"] {
  --bg: #0f1123;
  --bg-alt: #161929;
  --surface: #1a1f36;
  --surface-2: #1e2440;

  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --text-subtle: #8093ab;

  --border: #2d3353;
  --border-strong: #4a5480;

  --primary: #e87425;
  --primary-hover: #f08b45;
  --on-primary: #080c21;

  --accent: #f9d400;
  --on-accent: #080c21;

  --link: #ef8b3f;
  --link-hover: #f5a468;

  --focus-ring: #e87425;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1123;
    --bg-alt: #161929;
    --surface: #1a1f36;
    --surface-2: #1e2440;

    --text: #e2e8f0;
    --text-muted: #94a3b8;
    --text-subtle: #8093ab;

    --border: #2d3353;
    --border-strong: #4a5480;

    --primary: #e87425;
    --primary-hover: #f08b45;
    --on-primary: #080c21;

    --accent: #f9d400;
    --on-accent: #080c21;

    --link: #ef8b3f;
    --link-hover: #f5a468;

    --focus-ring: #e87425;
  }
}