/* cab-ui — thème Eliza sombre
   Cible : brand produit CABESTIAN_, surfaces sombres.
   Source : CABESTIAN-ADMIN/admin-vault/concepts/design-system-eliza.md
   Le gradient signature est en 2 arrêts stricts. Trois arrêts sont dépréciés. */

[data-cab-theme="eliza-sombre"] {
  /* Surfaces : navy est le sol, la moitié du système */
  --cab-bg: #06121A;
  --cab-surface: #0E2230;
  --cab-band: #12293A;

  /* Texte : Morning Snow est le seul off-white admis */
  --cab-ink: #F5F4ED;
  --cab-ink-2: #B7C2CC;
  --cab-ink-3: #8A97A3;

  /* Lignes */
  --cab-line: rgba(245, 244, 237, 0.12);
  --cab-line-strong: rgba(245, 244, 237, 0.22);

  /* Accent : ember, le burgundy signature */
  --cab-accent: #5C1424;
  --cab-accent-hover: #7A1F2E;
  /* Extension nécessaire à la charte : ember.300 (#A53E48) est le plus clair
     des ember, et il ne tient que 2,5:1 sur le navy. Le texte coloré exige une
     teinte plus claire, dérivée d'ember, pour atteindre le AA. À faire ratifier. */
  --cab-accent-ink: #E0899A;
  --cab-gradient: linear-gradient(90deg, #5C1424 0%, #8DA1B9 100%);

  /* Statuts. Jamais de burgundy sur un état fonctionnel. */
  --cab-ok: #0E9F6E;
  --cab-ok-ink: #34C79A;
  --cab-warn: #E0A106;
  --cab-warn-ink: #E8B93F;
  --cab-danger: #E5484D;
  --cab-danger-ink: #F3767A;
  --cab-info: #3B82F6;
  --cab-info-ink: #7FAAF7;

  /* Famille froide */
  --cab-steel: #8DA1B9;
  --cab-sky: #B7CCE3;

  /* Série catégorielle (voir eliza-clair pour la doctrine).
     Sur navy, ember #5C1424 ne tient que 2,7:1 : un segment de barre y devient
     un trou noir. La série prend donc ember éclairci #E0899A, la dérivée que ce
     thème admet déjà pour --cab-accent-ink. */
  --cab-serie-1: #B7CCE3;
  --cab-serie-2: #E0899A;
  --cab-serie-3: #E0A106;
  --cab-serie-4: #8DA1B9;
  --cab-serie-5: #34C79A;
  --cab-serie-reste: rgba(245, 244, 237, 0.28);

  /* Typographie */
  --cab-font-sans: Geist, system-ui, sans-serif;
  --cab-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --cab-font-display: "General Sans", system-ui, sans-serif;
  --cab-label-size: 11px;
  --cab-label-tracking: 0.18em;
  --cab-label-transform: uppercase;

  /* Rythme */
  --cab-radius: 14px;
  --cab-radius-sm: 10px;
  --cab-radius-pill: 999px;
  --cab-gap: 12px;
  --cab-pad: 16px;
  --cab-tap: 44px;

  /* Ombres */
  --cab-shadow-1: 0 6px 18px rgba(0, 0, 0, 0.35);
  --cab-shadow-2: 0 10px 30px rgba(0, 0, 0, 0.45);

  /* Mouvement */
  --cab-ease: cubic-bezier(.4, 0, .2, 1);
  --cab-ease-out: cubic-bezier(0, 0, .2, 1);
  --cab-dur: 180ms;
  --cab-dur-slow: 300ms;
}
