/* Seule source des couleurs, tailles et rayons du portail. Aucune couleur écrite en dur ailleurs (vérifié par les tests). */
:root {
  /* Couleurs de tafaero.fr (décision 0030) : le bleu marine #092B5B pour l'action et la donnée principale, des
     panneaux sable sur la page blanche, des gris chauds ; l'orange de la manche à air pour « maintenant » seulement. */

  /* Fonds et surfaces */
  --color-bg: #ffffff;
  --color-surface: #ffffff; /* lignes, champs, cartes posées sur un panneau */
  --color-panel: #f2f1ee; /* les panneaux qui portent la structure : une pierre peu saturée, pas une crème */
  --color-surface-sunken: #f3f2ef;
  --color-nav-active: #e9e7e2;

  /* Texte (tous les fonds vérifiés par TokenContrastTests) */
  --color-text: #172338; /* 15,7:1 sur blanc */
  --color-text-muted: #55524b; /* 7,8:1 */
  --color-text-subtle: #625e56; /* 6,5:1 ; 5,2:1 sur le menu actif, plancher du texte */
  --color-link: #0f4c8a; /* 8,7:1 */

  /* Bordures */
  --color-border: #e4e1db;
  --color-border-strong: #cfc8bb;
  --color-border-control: #8a8273; /* 3,8:1 sur blanc, 3,4:1 sur le panneau ; WCAG 1.4.11 */

  /* Actions et repères */
  --color-primary: #092b5b; /* le bleu marine de tafaero.fr ; texte blanc 13,9:1 */
  --color-primary-hover: #103d7a;
  --color-on-primary: #ffffff;
  --color-secondary: #e9e7e2;
  --color-secondary-hover: #dedbd5;
  --color-focus: #0f4c8a;
  --color-data: #092b5b;
  --color-signal: #f79007; /* l'orange de la manche à air : le trait « maintenant », jamais du texte seul */
  --color-on-signal: #1a1205;

  /* États : texte foncé sur fond pâle de la même teinte */
  --color-ok: #256b4a;
  --color-ok-bg: #e3f2e9;
  --color-warn: #7a5410;
  --color-warn-bg: #fbefd2;
  --color-bad: #a3263a;
  --color-bad-bg: #fbe7e9;
  --color-on-bad: #ffffff;

  /* Personnes : une teinte pâle stable par personne, ses initiales dans l'encre de la même teinte */
  --color-person-1: #1d4a82;
  --color-person-1-bg: #dbe7f6;
  --color-person-2: #1e5f40;
  --color-person-2-bg: #d8efe2;
  --color-person-3: #74440f;
  --color-person-3-bg: #f0dcc6;
  --color-person-4: #84284f;
  --color-person-4-bg: #f6dde8;
  --color-person-5: #4a5a12;
  --color-person-5-bg: #e6eed2;
  --color-person-6: #4b3882;
  --color-person-6-bg: #e6e0f4;
  --color-person-7: #125962;
  --color-person-7-bg: #d7edf0;

  /* Planning : une teinte par type de séance, texte foncé sur fond pâle ; la nuit en teinte unie */
  --color-lesson-flight: #092b5b;
  --color-lesson-flight-bg: #dfe8f4;
  --color-lesson-flight-edge: #6f8fbf;
  --color-lesson-sim: #1d5a55;
  --color-lesson-sim-bg: #d9ece9;
  --color-lesson-sim-edge: #6ea7a0;
  --color-lesson-ground: #6b4e16;
  --color-lesson-ground-bg: #f1e6cf;
  --color-lesson-ground-edge: #c4a46a;
  --color-night: rgb(23 35 56 / 6%);

  /* Scène de connexion : le terrain de Toussus vu du ciel, selon la lumière du moment (jour, crépuscule, nuit) */
  --color-map-day-ground: #c5d3c1;
  --color-map-day-mow: #c6d4c2;
  --color-map-day-strip: #cfdbcb;
  --color-map-day-runway: #3b4a53;
  --color-map-day-paint: #f6f7f4;
  --color-map-day-taxiway: #54646c;
  --color-map-day-taxi-line: #e4b43b;
  --color-map-day-apron: #b4bfc1;
  --color-map-day-roof: #e9eeee;
  --color-map-day-ridge: #c6cfd1;
  --color-map-day-road: #9ba8ac;
  --color-map-dusk-ground: #3d5765;
  --color-map-dusk-mow: #3f5966;
  --color-map-dusk-strip: #435e6b;
  --color-map-dusk-runway: #22323b;
  --color-map-dusk-paint: #b7c4c8;
  --color-map-dusk-taxiway: #2b3b44;
  --color-map-dusk-taxi-line: #b08c30;
  --color-map-dusk-apron: #4a606d;
  --color-map-dusk-roof: #5c7381;
  --color-map-dusk-ridge: #4e6472;
  --color-map-dusk-road: #32485a;
  --color-map-night-ground: #0e2a37;
  --color-map-night-mow: #0f2c3a;
  --color-map-night-strip: #112f3d;
  --color-map-night-runway: #1a2d38;
  --color-map-night-paint: #5a6e77;
  --color-map-night-taxiway: #1e3440;
  --color-map-night-taxi-line: #7b6427;
  --color-map-night-apron: #1a3441;
  --color-map-night-roof: #23404e;
  --color-map-night-ridge: #1c3643;
  --color-map-night-road: #0a2330;
  --color-map-plane: #ffffff;
  --color-map-plane-trim: #006c78;
  --color-map-plane-canopy: #0b2a3c;
  --color-map-plane-prop: rgb(11 42 60 / 35%);
  --color-map-shadow: rgb(6 28 40 / 28%);
  --color-map-sock: #ef6a2b;
  --color-map-sock-band: #fbf7f2;
  --color-map-pole: #0b2a3c;
  --color-map-light-edge: #fff1c2;
  --color-map-light-threshold: #46e08f;
  --color-map-light-end: #ff5c61;
  --color-map-light-taxi: #5ea4ff;
  --color-map-beam: rgb(255 244 214 / 9%);
  --color-map-strobe: #ffffff;
  --color-map-beacon: #ff4d4d;
  --color-map-caption: #bcd3dc; /* texte secondaire du cartouche, sur --color-primary : 9,6:1 */

  /* Typographie (rem, base 16 px ; rien sous 12 px). Figtree pour le texte et les chiffres (chiffres tabulaires) ;
     Rajdhani, la police des titres de tafaero.fr, pour les titres et les immatriculations, jamais pour des chiffres
     alignés (ses chiffres n'ont pas de chasse fixe). */
  --font-sans: "Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Rajdhani", "Figtree", "Segoe UI", system-ui, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-md: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2rem;

  /* Espacements (base 4 px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;

  /* Rayons, ombres, mouvement */
  --radius-control: 10px;
  --radius-row: 12px;
  --radius-panel: 18px;
  --radius-pill: 999px;
  --shadow-float: 0 12px 32px rgb(23 35 56 / 14%); /* réservée à ce qui flotte : les menus */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 120ms;
  --duration-base: 160ms;
}