/* emileagent, design tokens: emileagent's, copied unchanged from
   emileagent/src/fenetre/app.css (fonts, tokens, light theme) by
   .outils/extraire-kit.js. Do not edit by hand: change emileagent, then run
   the script again.
   Theme: dark by default (no attribute on <html>); light with
   <html data-theme="clair">. */

/* ---------- fonts: local files ---------- */

/* Geist, the Marque's font (atelier/marque/polices), variable 100 to 900. */
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url("polices/geist-variable.woff2") format("woff2");
}
/* Geist Mono, its sibling, for the terminal and the commands. */
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url("polices/geist-mono-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url("polices/geist-mono-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ---------- tokens: the design system's tokens.json, as they are ---------- */

:root {
  --fond: #000000;
  --texte: #ededed;
  --discret: #a1a1a1;
  --noir: var(--fond);
  --font-sans: "Geist", system-ui, sans-serif;
  --font-titres: "Geist", system-ui, sans-serif;
  --font-mono: "Geist Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;
  --panneau: #0a0a0a;
  --panneau-survol: #0f0f0f;
  --champ: #141414;
  --bulle: #1c1c1c;
  --survol: #ffffff0f;
  --choisi: #ffffff14;
  --ligne: #1a1a1a;
  --ligne-forte: #2a2a2a;
  --ligne-active: #3a3a3a;
  --ligne-survol: #444444;
  --avatar-haut: #3a3a3a;
  --avatar-bas: #111111;
  --pale: #808080;
  --blanc: #ffffff;
  --critique: #ff6166;
  --critique-fond: #2a1314;
  --espace-2: 2px;
  --espace-4: 4px;
  --espace-6: 6px;
  --espace-8: 8px;
  --espace-10: 10px;
  --espace-12: 12px;
  --espace-14: 14px;
  --espace-16: 16px;
  --espace-20: 20px;
  --espace-24: 24px;
  --espace-26: 26px;
  --espace-36: 36px;
  --espace-40: 40px;
  --rayon-7: 7px;
  --rayon-9: 9px;
  --rayon-16: 16px;
  --rayon-20: 20px;
  --rayon-28: 28px;
  /* Emile, 04/10/2026 : « il faudrait enlever les pilules, le truc le pire,
     dans toute l'application ». What the design system draws as a pill
     (buttons, pastilles, tabs, segments, ideas, the toast) takes its small
     radius instead, rayon-7: composants.css stays as copied. */
  --rayon-pilule: var(--rayon-7);
  --rayon-rond: 50%;
  --halo-saisie: 0 0 0 5px #ffffff08;
  --largeur-laterale: 240px;
  --largeur-colonne: 720px;
  --largeur-carte-agent: 232px;
  --largeur-panneau: 480px;
  --hauteur-tete: 52px;
  --hauteur-rubrique: 30px;
  --taille-bouton-icone: 28px;
  --taille-bouton-rond: 38px;
  /* The type styles' sizes (tokens.json, « type »), named after their style:
     titre 600 -0.035em, titre-carte 600 -0.02em, rubrique and intitule 500,
     corps, petit and mention 400. */
  --taille-titre: 32px;
  --taille-titre-carte: 17px;
  --taille-corps: 14px;
  --taille-petit: 13px;
  --taille-rubrique: 13px;
  --taille-intitule: 12px;
  --taille-mention: 12px;
  /* Two agent cards side by side: the Connexion's row, and what stands in
     for the cards while there is none (tokens only, no new value). */
  --rangee-deux-cartes: calc(2 * var(--largeur-carte-agent) + var(--espace-14));
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --voile: rgb(0 0 0 / 0.64);
  --voile-fort: rgb(0 0 0 / 0.88);
  color-scheme: dark;
}

/* The light theme (Emile, 05/10/2026: an option in Apparence, the dark one
   stays the default). The same design, mirrored: the page in white, the
   strong fill (--blanc: main button, live band) in near black, and the
   text on it (--noir, the page's own colour) in white. */
:root[data-theme="clair"] {
  --fond: #ffffff;
  --texte: #0a0a0a;
  --discret: #5c5c5c;
  --pale: #767676;
  --panneau: #f7f7f6;
  --panneau-survol: #f1f1f0;
  --champ: #f0f0ef;
  --bulle: #ebebea;
  --survol: #0000000a;
  --choisi: #00000012;
  --ligne: #ececea;
  --ligne-forte: #dcdcda;
  --ligne-active: #c6c6c4;
  --ligne-survol: #b3b3b1;
  --avatar-haut: #dcdcda;
  --avatar-bas: #f3f3f2;
  --blanc: #0a0a0a;
  --critique: #d1242f;
  --critique-fond: #fdeced;
  --halo-saisie: 0 0 0 5px #0000000a;
  --voile: rgb(255 255 255 / 0.7);
  --voile-fort: rgb(255 255 255 / 0.9);
  color-scheme: light;
}
:root[data-theme="clair"] body { color-scheme: light; }