/* Jetons du système de design (repris de la maquette v2 approuvée).
   Thème sombre : [data-theme=dark] explicite, ou préférence du système tant que
   rien n'est mémorisé (theme.js pose data-theme dès qu'un choix existe). */
:root{
  --bg:#F2F3F0; --surface:#FFFFFF; --sunken:#F7F8F6; --ink:#15181B; --ink-2:#4B535A; --ink-3:#88908F;
  --line:#E1E4DF; --line-2:#ECEEEA; --accent:#0E7A71; --accent-ink:#FFFFFF; --accent-soft:#E2F1EE;
  --s-todo:#8A939B; --s-applied:#3567D6; --s-follow:#D6922A; --s-interview:#7B5BD3; --s-offer:#2E9A68; --s-closed:#B9BFC2;
  --warn-bg:#FBF3E3; --warn-ink:#8A5A10;
  --radius:7px; --shadow:0 1px 0 rgba(20,24,27,.04), 0 1px 2px rgba(20,24,27,.05);
  --f-body:"Atkinson Hyperlegible Next", system-ui, sans-serif; --f-display:"Schibsted Grotesk", system-ui, sans-serif; --f-mono:"IBM Plex Mono", ui-monospace, monospace;
}
[data-theme=dark]{
  --bg:#0F1214; --surface:#161A1D; --sunken:#121618; --ink:#E4E8E8; --ink-2:#A6AEB1; --ink-3:#6E777B;
  --line:#252B2F; --line-2:#1E2427; --accent:#3BB3A6; --accent-ink:#06201D; --accent-soft:#16312E;
  --s-todo:#6F7980; --s-applied:#5C8BF0; --s-follow:#E2A645; --s-interview:#9A7EEA; --s-offer:#4FBF8A; --s-closed:#4A5256;
  --warn-bg:#2A2214; --warn-ink:#E7B868; --shadow:none;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --bg:#0F1214; --surface:#161A1D; --sunken:#121618; --ink:#E4E8E8; --ink-2:#A6AEB1; --ink-3:#6E777B;
    --line:#252B2F; --line-2:#1E2427; --accent:#3BB3A6; --accent-ink:#06201D; --accent-soft:#16312E;
    --s-todo:#6F7980; --s-applied:#5C8BF0; --s-follow:#E2A645; --s-interview:#9A7EEA; --s-offer:#4FBF8A; --s-closed:#4A5256;
    --warn-bg:#2A2214; --warn-ink:#E7B868; --shadow:none;
  }
}

/* Jetons ajoutés à l'implémentation (absents de la maquette).
   --ink-3-text : version de --ink-3 pour le TEXTE (>= 4,5:1 sur --bg, --surface, --sunken). */
:root{
  --ink-3-text:#677070; --danger:#B3261E; --danger-bg:#FBEAE8; --ok-ink:#1F6E4A; --ok-bg:#E6F3EC;
  --focus:color-mix(in srgb, var(--accent) 70%, transparent);
  --shadow-lift:0 12px 40px -24px rgba(20,24,27,.35);
  --side-w:208px; --content-max:1100px;
  color-scheme:light;
}
[data-theme=dark]{
  --ink-3-text:#8A9296; --danger:#F2877F; --danger-bg:#2D1917; --ok-ink:#6FD3A3; --ok-bg:#142A20;
  --shadow-lift:0 12px 40px -24px rgba(0,0,0,.7);
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --ink-3-text:#8A9296; --danger:#F2877F; --danger-bg:#2D1917; --ok-ink:#6FD3A3; --ok-bg:#142A20;
    --shadow-lift:0 12px 40px -24px rgba(0,0,0,.7);
    color-scheme:dark;
  }
}