/* Tokens AZK Auto — repris de la démo validée */
:root {
  /* Nuit et carbone */
  --night: #12161D;
  --night-deep: #0C1015;
  --carbon: #1A212B;
  --carbon-2: #222B37;
  --line-dark: #2C3644;
  --fog: #E9EDF2;
  --mute-dark: #9DA9B7;
  --dim-dark: #66717F;

  /* Clair */
  --alc: #EEF0F3;
  --paper: #FFFFFF;
  --ink: #121922;
  --ink-2: #26303C;
  --mute: #5A6572;
  --line: #D5DAE1;
  --tint: #F3FBFD;

  /* Lumière LED */
  --led: #3DD6F5;
  --led-hi: #6BE2F8;
  --led-2: #8F7DFF;
  --led-ink: #0A6F84;
  --on-led: #06222A;

  /* États */
  --ok: #1C8C61;
  --ok-bg: #E3F5EE;
  --err: #B8322A;
  --err-bg: #FBEDEC;
  --todo: #FFE7A3;
  --todo-ink: #5C4300;

  /* Rayons */
  --r-s: 6px;
  --r-m: 10px;
  --r-l: 18px;
  --r-pill: 999px;

  /* Typo */
  --display: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Mouvement */
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-io: cubic-bezier(.76, 0, .24, 1);

  /* Mise en page */
  --wrap: 1180px;
  --gutter: 20px;
  --header-h: 64px;
  --bar-h: 64px;
  --safe-b: env(safe-area-inset-bottom, 0px);
}