/* NF-06 J1 — socle de marque DDDUR (jetons provisoires, version 1.0)
 * Livré par L-C1 le 13/11/2026 (DDD-3893).
 * Les jetons définitifs (J2) remplaceront ce fichier après VIT-00 (maquette).
 * Contrastes vérifiés par outils/verifier-contrastes.py (preuves/contrastes.json).
 *   [data-theme="maison"] : ddur.fr et les espaces membres
 *   [data-theme="machine"] : dddur.com et la console Paperclip
 */

:root {
  /* ---- Gabarit commun (hors thème) ---- */
  --police-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --police-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  --pas-1: 4px;  --pas-2: 8px;  --pas-3: 12px; --pas-4: 16px;
  --pas-5: 24px; --pas-6: 32px; --pas-7: 48px; --pas-8: 64px; --pas-9: 96px;

  --rayon-1: 4px; --rayon-2: 8px; --rayon-3: 16px; --rayon-4: 999px;
  --cible-min: 44px;

  --duree-1: 120ms; --duree-2: 250ms; --duree-3: 800ms; --duree-4: 4000ms;
  --courbe-1: cubic-bezier(.2, .7, .3, 1);
  --courbe-2: cubic-bezier(.4, 0, .2, 1);
}

/* ------------------------------------------------------------------ */
/* Ambiance « maison » — ddur.fr et les espaces membres */
/* Palette DV7 relevée dans le cadre de vitrine livré (DDD-3876) et dans   */
/* la console : encre #101B31, perle #F3F5F2, glacier #81BCE6,             */
/* menthe #8CCDBA, cuivre #D69A74. Les accents de la palette ne passent    */
/* pas AA sur fond clair : ils ne servent qu'en décoration (filets,        */
/* aplats) ; le texte et les liens portent l'encre et un cuivre assombri.   */
/* ------------------------------------------------------------------ */
[data-theme="maison"] {
  color-scheme: light;

  --fond: #F3F5F2;          /* perle */
  --fond-2: #E7ECEA;        /* cartouche */
  --encre: #101B31;         /* 15,66:1 sur --fond */
  --encre-douce: #3A4356;   /*  9,05:1 */
  --accent: #8A4E23;        /*  6,00:1 — liens et boutons (cuivre assombri) */
  --accent-fonce: #7E4520;  /*  6,94:1 — survol, actif */
  --accent-doux: #A9683C;   /*  4,05:1 — décoration seule (filets, aplats) */
  --trait: #344357;         /*  9,18:1 */
  --focus: #101B31;         /* anneau de focus : 15,66:1 */

  --marque: var(--accent);
  --fond-sur-accent: #F3F5F2;
}

/* ------------------------------------------------------------------ */
/* Ambiance « machine » — dddur.com, console Paperclip                    */
/* ------------------------------------------------------------------ */
[data-theme="machine"] {
  color-scheme: dark;

  --fond: #101B31;          /* encre */
  --fond-2: #152238;        /* surface */
  --encre: #F3F5F2;         /* 15,66:1 sur --fond */
  --encre-douce: #BCC4CD;   /*  9,74:1 */
  --accent: #81BCE6;        /*  8,40:1 — glacier */
  --accent-fonce: #9CCBEA;  /*  9,93:1 — survol */
  --accent-2: #D69A74;      /*  7,14:1 — cuivre, signal */
  --trait: #344357;
  --focus: #81BCE6;         /* anneau de focus : 8,40:1 */

  --marque: var(--accent);
  --fond-sur-accent: #101B31;
}

/* ------------------------------------------------------------------ */
/* Base typographique                                                   */
/* ------------------------------------------------------------------ */
html {
  font-family: var(--police-sans);
  font-size: 100%;
  line-height: 1.55;
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--fond);
  color: var(--encre);
  margin: 0;
}

h1, h2, h3, h4 {
  line-height: 1.2;
  margin: 0 0 var(--pas-4);
  text-wrap: balance;
}

p { margin: 0 0 var(--pas-4); max-width: 68ch; }

a {
  color: var(--accent);
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
a:hover { color: var(--accent-fonce); }

:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
  border-radius: var(--rayon-1);
}

code, kbd, samp, .mono { font-family: var(--police-mono); }

.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

/* ------------------------------------------------------------------ */
/* Mouvement neutralisé (COM-04, COM-02, VIT-05 critère 13.8)          */
/* ------------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ------------------------------------------------------------------ */
/* Forçage des contrastes (COM-03)                                      */
/* ------------------------------------------------------------------ */
@media (forced-colors: active) {
  a, button, .bouton { border: 2px solid ButtonText; }
}