:root {
  --police-titres: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --police-texte: "Inter", system-ui, -apple-system, sans-serif;
  --taille-h1: 1.5rem;
  --taille-h2: 1.125rem;
  --taille-h3: 1rem;
  --taille-texte: 0.875rem;
  --taille-interface: 0.875rem;
  --taille-petit: 0.75rem;
  --taille-etiquette: 0.75rem;
  --forme-ecran-largeur-min: 1280px;
  --forme-rayon-conteneur: 0.75rem;
  --forme-rayon-controle: 0.5rem;
  --forme-rayon-pastille: 0.375rem;
  --forme-controle-hauteur: 2.25rem;
  --forme-controle-hauteur-petit: 2rem;
  --forme-focus-contour: 2px;
  --forme-focus-decalage: 2px;
  --forme-menu-largeur: 16rem;
  --forme-menu-largeur-replie: 4rem;
  --courbe-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --courbe-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --courbe-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --duree-bouton: 140ms;
  --duree-info-bulle: 160ms;
  --duree-menu: 200ms;
  --duree-fenetre: 250ms;
  --duree-liste-decalage: 50ms;
  --graisse-titres-600: 600;
  --graisse-titres-700: 700;
  --interligne-titres: 1.25;
  --graisse-texte-400: 400;
  --graisse-texte-500: 500;
  --graisse-texte-600: 600;
  --interligne-texte: 1.5;
  --graisse-taille-h1: 700;
  --graisse-taille-h2: 600;
  --graisse-taille-h3: 600;
  --graisse-taille-texte: 400;
  --graisse-taille-interface: 500;
  --graisse-taille-petit: 400;
  --graisse-taille-etiquette: 600;
  --approche-taille-etiquette: 0.04em;
  --espace-0-5: 0.125rem;
  --espace-1: 0.25rem;
  --espace-1-5: 0.375rem;
  --espace-2: 0.5rem;
  --espace-2-5: 0.625rem;
  --espace-3: 0.75rem;
  --espace-4: 1rem;
  --espace-5: 1.25rem;
  --espace-6: 1.5rem;
  --espace-8: 2rem;
  --espace-10: 2.5rem;
  --espace-12: 3rem;
  --espace-16: 4rem;
  --trait-fin: 1px;
  --icone-taille: 1rem;
  --icone-taille-menu: 1.25rem;
  --icone-taille-vide: 1.5rem;
  --icone-trait: 2;
  --avatar-taille: 2rem;
  --pastille-teinte: 1rem;
  --opacite-desactive: 0.5;
  --opacite-pulsation: 0.5;
  --colonne-etroite: 12%;
  --colonne-moyenne: 15%;
  --colonne-large: 25%;
  --colonne-identifiant: 20%;
  --logo-largeur: 9rem;
  --squelette-etiquette: 7rem;
  --couche-menu: 20;
  --couche-bandeau: 30;
  --couche-flottant: 40;
  --largeur-fenetre: 28rem;
  --largeur-lecture: 36rem;
  --largeur-outils: 16rem;
  --largeur-connexion: 26rem;
  --largeur-contenu: 80rem;
  --largeur-formulaire: 48rem;
  --largeur-panneau-compte: 17rem;
  --roue-taille: 1rem;
  --roue-trait: 2px;
  --duree-roue: 800ms;
  --duree-squelette: 1400ms;
}
:root {
  color-scheme: dark;
  --background: #0A0E10;
  --card: #12181B;
  --border: #3B4B53;
  --input: #5E6F78;
  --foreground: #E8EDEF;
  --muted-foreground: #9AA5AA;
  --subtle-foreground: #808A8C;
  --faint-foreground: #3A4448;
  --muted: #1A2226;
  --ombre-surface: none;
  --alerte: #241416;
  --alerte-foreground: #F26D6D;
  --alerte-border: #3A1E22;
  --attention: #221D12;
  --attention-foreground: #D9A441;
  --attention-border: #3A3220;
  --en-cours: #152430;
  --en-cours-foreground: #7FB3DA;
  --en-cours-border: #24384A;
  --severite-haute: #F26D6D;
  --severite-moyenne: #D9A441;
  --destructive: var(--severite-haute);
  --destructive-foreground: var(--alerte);
  --destructive-hover: color-mix(in srgb, var(--severite-haute) 85%, var(--foreground));
  --champ-fond: var(--card);
  --champ-indice: var(--subtle-foreground);
  --voile: color-mix(in srgb, var(--background) 75%, transparent);
  --ombre-flottante: none;
  --primary: #E8639F;
  --primary-hover: #DE4E90;
  --primary-ink: #E8639F;
  --primary-soft: #22131D;
  --primary-foreground: #22091A;
  --success: #12211A;
  --success-foreground: #5FBF8F;
  --success-border: #234534;
  --success-solid: #5FBF8F;
  --success-solid-foreground: #12211A;
  --ring: var(--primary);
  --apercu-rose: #E8639F;
  --apercu-vert: #5EEAD4;
}
:root[data-fond="clair"][data-teinte="rose"] {
  color-scheme: light;
  --background: #F8FAFC;
  --card: #FFFFFF;
  --border: #E2E8F0;
  --input: #7C8EA7;
  --foreground: #0F172A;
  --muted-foreground: #475569;
  --subtle-foreground: #607089;
  --faint-foreground: #CBD5E1;
  --muted: #F1F5F9;
  --ombre-surface: 0 1px 2px rgba(15,23,42,.05);
  --alerte: #FEE2E2;
  --alerte-foreground: #B91C1C;
  --alerte-border: #FECACA;
  --attention: #F7F3EC;
  --attention-foreground: #8A5A1C;
  --attention-border: #E8DFC9;
  --en-cours: #EAF1F8;
  --en-cours-foreground: #1F4E79;
  --en-cours-border: #C7DAEA;
  --severite-haute: #DC2626;
  --severite-moyenne: #F97316;
  --destructive: var(--severite-haute);
  --destructive-foreground: var(--card);
  --destructive-hover: var(--alerte-foreground);
  --champ-fond: var(--card);
  --champ-indice: var(--subtle-foreground);
  --voile: color-mix(in srgb, var(--foreground) 40%, transparent);
  --ombre-flottante: 0 0.5rem 1.5rem color-mix(in srgb, var(--foreground) 12%, transparent);
  --primary: #be185d;
  --primary-hover: #9D174D;
  --primary-ink: #831843;
  --primary-soft: #FBE8EF;
  --primary-foreground: #FFFFFF;
  --success: #F1F5F4;
  --success-foreground: #0F5F49;
  --success-border: #BFD8CE;
  --success-solid: #0F5F49;
  --success-solid-foreground: #FFFFFF;
  --ring: var(--primary);
  --apercu-rose: #be185d;
  --apercu-vert: #0F766E;
}
:root[data-fond="clair"][data-teinte="vert"] {
  color-scheme: light;
  --background: #F8FAFC;
  --card: #FFFFFF;
  --border: #E2E8F0;
  --input: #7C8EA7;
  --foreground: #0F172A;
  --muted-foreground: #475569;
  --subtle-foreground: #607089;
  --faint-foreground: #CBD5E1;
  --muted: #F1F5F9;
  --ombre-surface: 0 1px 2px rgba(15,23,42,.05);
  --alerte: #FEE2E2;
  --alerte-foreground: #B91C1C;
  --alerte-border: #FECACA;
  --attention: #F7F3EC;
  --attention-foreground: #8A5A1C;
  --attention-border: #E8DFC9;
  --en-cours: #EAF1F8;
  --en-cours-foreground: #1F4E79;
  --en-cours-border: #C7DAEA;
  --severite-haute: #DC2626;
  --severite-moyenne: #F97316;
  --destructive: var(--severite-haute);
  --destructive-foreground: var(--card);
  --destructive-hover: var(--alerte-foreground);
  --champ-fond: var(--card);
  --champ-indice: var(--subtle-foreground);
  --voile: color-mix(in srgb, var(--foreground) 40%, transparent);
  --ombre-flottante: 0 0.5rem 1.5rem color-mix(in srgb, var(--foreground) 12%, transparent);
  --primary: #0F766E;
  --primary-hover: #115E59;
  --primary-ink: #115E59;
  --primary-soft: #EAF3F1;
  --primary-foreground: #FFFFFF;
  --success: #F1F5F9;
  --success-foreground: #5A6570;
  --success-border: #CBD5E1;
  --success-solid: #5A6570;
  --success-solid-foreground: #FFFFFF;
  --ring: var(--primary);
  --apercu-rose: #be185d;
  --apercu-vert: #0F766E;
}
:root[data-fond="sombre"][data-teinte="rose"] {
  color-scheme: dark;
  --background: #0A0E10;
  --card: #12181B;
  --border: #3B4B53;
  --input: #5E6F78;
  --foreground: #E8EDEF;
  --muted-foreground: #9AA5AA;
  --subtle-foreground: #808A8C;
  --faint-foreground: #3A4448;
  --muted: #1A2226;
  --ombre-surface: none;
  --alerte: #241416;
  --alerte-foreground: #F26D6D;
  --alerte-border: #3A1E22;
  --attention: #221D12;
  --attention-foreground: #D9A441;
  --attention-border: #3A3220;
  --en-cours: #152430;
  --en-cours-foreground: #7FB3DA;
  --en-cours-border: #24384A;
  --severite-haute: #F26D6D;
  --severite-moyenne: #D9A441;
  --destructive: var(--severite-haute);
  --destructive-foreground: var(--alerte);
  --destructive-hover: color-mix(in srgb, var(--severite-haute) 85%, var(--foreground));
  --champ-fond: var(--card);
  --champ-indice: var(--subtle-foreground);
  --voile: color-mix(in srgb, var(--background) 75%, transparent);
  --ombre-flottante: none;
  --primary: #E8639F;
  --primary-hover: #DE4E90;
  --primary-ink: #E8639F;
  --primary-soft: #22131D;
  --primary-foreground: #22091A;
  --success: #12211A;
  --success-foreground: #5FBF8F;
  --success-border: #234534;
  --success-solid: #5FBF8F;
  --success-solid-foreground: #12211A;
  --ring: var(--primary);
  --apercu-rose: #E8639F;
  --apercu-vert: #5EEAD4;
}
:root[data-fond="sombre"][data-teinte="vert"] {
  color-scheme: dark;
  --background: #0A0E10;
  --card: #12181B;
  --border: #3B4B53;
  --input: #5E6F78;
  --foreground: #E8EDEF;
  --muted-foreground: #9AA5AA;
  --subtle-foreground: #808A8C;
  --faint-foreground: #3A4448;
  --muted: #1A2226;
  --ombre-surface: none;
  --alerte: #241416;
  --alerte-foreground: #F26D6D;
  --alerte-border: #3A1E22;
  --attention: #221D12;
  --attention-foreground: #D9A441;
  --attention-border: #3A3220;
  --en-cours: #152430;
  --en-cours-foreground: #7FB3DA;
  --en-cours-border: #24384A;
  --severite-haute: #F26D6D;
  --severite-moyenne: #D9A441;
  --destructive: var(--severite-haute);
  --destructive-foreground: var(--alerte);
  --destructive-hover: color-mix(in srgb, var(--severite-haute) 85%, var(--foreground));
  --champ-fond: var(--card);
  --champ-indice: var(--subtle-foreground);
  --voile: color-mix(in srgb, var(--background) 75%, transparent);
  --ombre-flottante: none;
  --primary: #5EEAD4;
  --primary-hover: #4CD9C2;
  --primary-ink: #5EEAD4;
  --primary-soft: #13211F;
  --primary-foreground: #06201C;
  --success: #1A2226;
  --success-foreground: #8A9498;
  --success-border: #3B4B53;
  --success-solid: #8A9498;
  --success-solid-foreground: #1A2226;
  --ring: var(--primary);
  --apercu-rose: #E8639F;
  --apercu-vert: #5EEAD4;
}
html {
  background-color: var(--background);
  color: var(--foreground);
}