/* =====================================================================
   CV STUDIO  TOKENS (design system) + reset
   Fichier fondation, chargé en 1er ET embarqué dans le PDF (avec document.css).
   -------------------------------------------------------------------
   Deux familles de variables VOLONTAIREMENT séparées :
   1. Tokens du CV (--ink/--muted/--line/--accent/--font) : INCHANGÉS.
      Le rendu des 4 modèles ne bouge pas d'un pixel (périmètre = studio only).
   2. Design system du STUDIO ("Atelier / Ardoise") : préfixés --c* et --g*.
      UI encre/gris chaud, le vert ne sert que d'accent. Zéro violet, zéro
      dégradé "IA".
   ===================================================================== */
:root{
  /* ---- 1. Tokens du CV (document)  NE PAS toucher ---- */
  --ink:#1C1831;            /* texte foncé des templates */
  --muted:#686D82;         /* texte atténué des templates */
  --line:#E6E4F2;          /* filets des templates */
  --accent:#6C5CE7;        /* accent du CV (surchargé par render.js selon le choix utilisateur) */
  --font:'Poppins', system-ui, -apple-system, sans-serif;

  /* ---- 2. Design system STUDIO  "Atelier / Ardoise" ---- */
  --serif:'Fraunces', Georgia, serif;

  /* Neutres chauds (papier & encre du studio) */
  --paper:#F1F3F3;         /* fond de l'app */
  --surface:#FFFFFF;
  --surface-2:#F8FAFA;     /* champs, cartes */
  --ci:#1B2427;            /* encre du chrome (texte) */
  --ci2:#3A464A;
  --cm:#68737A;            /* atténué du chrome */
  --faint:#98A2A8;
  --cl:#E4E7E8;            /* filet du chrome */
  --cl2:#D3D8DA;
  --rail:#1E2A2E;          /* rail de marque (ardoise profonde) */
  --rail-2:#141D20;

  /* Vert d'accent (pin  pas d'émeraude SaaS) */
  --g-800:#0F3E2D; --g-700:#14503A; --g-600:#196345; --g-500:#1F7A54; --g-400:#3E9C71; --g-300:#8FC4AA;
  --g-tint:#E9F1ED; --g-tint-2:#D3E4DA;
  --ochre:#C08A2D;         /* accent chaud éditorial, rare */

  --ok:#1F7A54; --warn:#C08A2D; --danger:#C0392B;

  /* Rayons (légèrement moins ronds → plus "imprimé") */
  --r-xs:6px; --r-sm:8px; --r:11px; --r-lg:15px; --r-pill:999px;

  /* Ombres discrètes, neutres (pas de glow coloré) */
  --sh-sm: 0 1px 2px rgba(23,33,28,.07);
  --sh:    0 6px 18px rgba(23,33,28,.09);
  --sh-lg: 0 22px 50px rgba(23,33,28,.16), 0 6px 16px rgba(23,33,28,.07);
}

/* =====================================================================
   THÈME SOMBRE  studio uniquement (activé par [data-theme="dark"] posé par
   applyPrefs). On NE touche PAS aux tokens du CV (--ink/--muted/--line/
   --accent) ni à --paper : la page et les feuilles restent du papier clair.
   Le vert d'accent (--g-*) est conservé — il tient sur fond sombre.
   ===================================================================== */
[data-theme="dark"]{
  --surface:#182226;       /* panneaux, cartes, contrôles (le « blanc » du sombre) */
  --surface-2:#1F2B2F;     /* champs, cartes surélevées */
  --ci:#E7ECEC;            /* texte principal */
  --ci2:#B6C0C2;
  --cm:#8C989C;            /* atténué */
  --faint:#69757A;
  --cl:#2A363B;            /* filets */
  --cl2:#38464C;
  --g-tint:#16281F; --g-tint-2:#1F3A2C;   /* tuiles d'accent (états actifs, pastilles) */

  --sh-sm: 0 1px 2px rgba(0,0,0,.4);
  --sh:    0 6px 18px rgba(0,0,0,.45);
  --sh-lg: 0 22px 50px rgba(0,0,0,.6), 0 6px 16px rgba(0,0,0,.4);
}
/* Fond de l'app : --paper est réservé au CV (Onyx) → on assombrit body/.stage directement */
[data-theme="dark"] body,
[data-theme="dark"] .stage{background:#10171A}
/* Idem pour l'écran Paramètres (il utilise --paper, qu'on garde clair pour le CV) */
[data-theme="dark"] .set-screen,
[data-theme="dark"] .set-main,
[data-theme="dark"] .set-head{background:#10171A}
/* Les vignettes de modèles figurent du papier : toujours blanches, même en sombre */
[data-theme="dark"] .tpl-mini,
[data-theme="dark"] .mini-ats,
[data-theme="dark"] .mini-sobre,
[data-theme="dark"] .mini-horizon{background:#fff}
/* Le toast s'inverse (pastille claire, texte sombre) pour rester lisible sur l'UI sombre */
[data-theme="dark"] .toast{background:var(--ci2);color:#10171A}

/* ---- Reset minimal (foundation) ---- */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:var(--font);color:var(--ci);background:var(--paper);-webkit-font-smoothing:antialiased}
button{font-family:inherit}