/* The Depot · jetons de design · charte V2.1 (novembre 2026)
   Source de verite : _brand/downloads/DESIGN.md · the-depot-tokens.css
   Seul fichier CSS que personne ne doit redefinir ailleurs. */
@import url("../fonts/fonts.css");

:root{
  /* matieres */
  --td-encre:#34302F; --td-sceau:#A8000C; --td-sceau-vif:#D9252D; --td-kraft:#A68A64; --td-kraft-fonce:#7A6447;
  --td-carton-gris:#E6E3DD; --td-couche:#FBFAF8; --td-dorure:#C9A15B; --td-trace:#1B87AE;
  --td-encre-2:#5F5955; --td-encre-3:#8A8480;
  --td-sceau-texte:#A8000C; --td-kraft-texte:#6B563C; --td-ok-texte:#1F6B47; --td-attention-texte:#8A5A12;
  --td-dorure-sur-encre:#D9B56E;

  /* surfaces (themes par defaut, clair) */
  --td-fond:var(--td-carton-gris); --td-fond-2:#DEDAD2; --td-surface:var(--td-couche); --td-surface-2:#F1EFEB;
  --td-texte:var(--td-encre); --td-texte-2:var(--td-encre-2);
  --td-action:var(--td-sceau); --td-sur-action:var(--td-couche);
  --td-filet:rgba(52,48,47,.16); --td-filet-fort:rgba(52,48,47,.38);
  --td-filet-clair:rgba(251,250,248,.16);

  /* etats */
  --td-etat-ok-fond:#E3F0E8; --td-etat-ok-texte:#1F6B47;
  --td-etat-bas-fond:#F7EBD6; --td-etat-bas-texte:#8A5A12;
  --td-etat-arrivage-fond:#E1EEF5; --td-etat-arrivage-texte:#1B5E7A;
  --td-etat-rupture-fond:#EDE7E6; --td-etat-rupture-texte:#6B4F4F;
  --td-etat-mesure-fond:#EFEAE2; --td-etat-mesure-texte:#6B563C;

  /* polices */
  --td-font:"Archivo","Arial Narrow",system-ui,sans-serif;
  --td-serif:"Instrument Serif","Iowan Old Style","Times New Roman",serif;
  --td-mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --td-wdth-titre:68; --td-wght-titre:850;

  /* espacement 4/8 */
  --td-1:4px; --td-2:8px; --td-3:12px; --td-4:16px; --td-5:24px; --td-6:32px; --td-7:48px; --td-8:64px; --td-9:96px; --td-10:128px;
  --td-module:44px; --td-sceau-taille:44px; --td-radius:4px; --td-radius-s:2px;
  --td-wrap:1280px; --td-gut:clamp(16px,4vw,40px);

  /* mouvement */
  --td-ease-carton:cubic-bezier(.7,0,.2,1);
  --td-ease-pose:cubic-bezier(.3,1.4,.5,1);
  --td-ease-sort:cubic-bezier(.4,0,1,1);
  --td-dur-glisse:200ms; --td-dur-pli:480ms; --td-dur-scene:1200ms; --td-stagger:60ms;

  color-scheme:light;
}

/* theme sombre : planches, entrepot, mode nuit */
:root[data-theme="dark"], .td-dark{
  --td-fond:#1E1B1A; --td-fond-2:#151312; --td-surface:#282423; --td-surface-2:#2F2B29;
  --td-texte:#EEEAE3; --td-texte-2:#A9A29B; --td-action:var(--td-sceau-vif); --td-sur-action:#FFFFFF;
  --td-filet:rgba(238,234,227,.13); --td-filet-fort:rgba(238,234,227,.34);
  --td-sceau-texte:#F07A7F; --td-kraft-texte:#C4A77D; --td-ok-texte:#7FD3A5; --td-attention-texte:#E6B45C;
  --td-etat-ok-fond:#1F3A2D; --td-etat-ok-texte:#9BE0BC;
  --td-etat-bas-fond:#3E2F17; --td-etat-bas-texte:#F0C57A;
  --td-etat-arrivage-fond:#17303C; --td-etat-arrivage-texte:#8ED1F0;
  --td-etat-rupture-fond:#3A2F2F; --td-etat-rupture-texte:#D9BDBD;
  --td-etat-mesure-fond:#33302B; --td-etat-mesure-texte:#D9B56E;
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --td-fond:#1E1B1A; --td-fond-2:#151312; --td-surface:#282423; --td-surface-2:#2F2B29;
    --td-texte:#EEEAE3; --td-texte-2:#A9A29B; --td-action:var(--td-sceau-vif); --td-sur-action:#FFFFFF;
    --td-filet:rgba(238,234,227,.13); --td-filet-fort:rgba(238,234,227,.34);
    --td-sceau-texte:#F07A7F; --td-kraft-texte:#C4A77D; --td-ok-texte:#7FD3A5; --td-attention-texte:#E6B45C;
    --td-etat-ok-fond:#1F3A2D; --td-etat-ok-texte:#9BE0BC; --td-etat-bas-fond:#3E2F17; --td-etat-bas-texte:#F0C57A;
    --td-etat-arrivage-fond:#17303C; --td-etat-arrivage-texte:#8ED1F0; --td-etat-rupture-fond:#3A2F2F; --td-etat-rupture-texte:#D9BDBD;
    --td-etat-mesure-fond:#33302B; --td-etat-mesure-texte:#D9B56E; color-scheme:dark; }
}