:root {
  /* Fonds */
  --sn-canvas: #EFEBE4;
  --sn-surface: #FBF9F6;
  --sn-card: #FFFFFF;
  --sn-surface-alt: #F5F1EA;
  --sn-row-selected: #F7F4EE;

  /* Texte */
  --sn-ink: #171614;
  --sn-text: #3A3733;
  --sn-text-secondary: #57534D;
  --sn-text-tertiary: #77726A;
  --sn-text-muted: #8A857D;
  --sn-text-faint: #A8A29A;

  /* Bordures */
  --sn-border: #E1DBD1;
  --sn-border-soft: #ECE7DF;
  --sn-border-softer: #F0EBE3;
  --sn-border-strong: #D9D2C7;
  --sn-checkbox-border: #D5CEC3;

  /* Accent vert */
  --sn-green: oklch(0.52 0.11 162);
  --sn-green-hover: oklch(0.44 0.11 162);
  --sn-green-mid: oklch(0.62 0.11 162);
  --sn-green-light: oklch(0.72 0.11 162);
  --sn-green-halo: oklch(0.52 0.11 162 / 0.12);

  /* Accent ambre */
  --sn-amber: oklch(0.68 0.13 62);
  --sn-amber-highlight: oklch(0.68 0.13 62 / 0.35);

  /* Surfaces sombres */
  --sn-dark: #171614;
  --sn-dark-surface: #232120;
  --sn-dark-border: #35322E;
  --sn-dark-divider: #2C2A27;
  --sn-on-dark: #FBF9F6;
  --sn-on-dark-secondary: #A19B92;
  --sn-on-dark-tertiary: #6E6862;
  --sn-on-dark-link: #D5D0C8;

  /* Divers */
  --sn-skeleton: #E4DED4;

  /* Typographie */
  --sn-font-sans: "Instrument Sans", system-ui, sans-serif;
  --sn-font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Rayons */
  --sn-radius-xs: 5px;
  --sn-radius-sm: 8px;
  --sn-radius-md: 12px;
  --sn-radius-lg: 14px;
  --sn-radius-xl: 18px;
  --sn-radius-pill: 999px;

  /* Ombres */
  --sn-shadow-float: 0 14px 30px -20px rgba(23, 22, 20, 0.5);
  --sn-shadow-card-hover: 0 18px 34px -26px rgba(23, 22, 20, 0.6);
  --sn-shadow-panel: 0 30px 50px -34px rgba(23, 22, 20, 0.55);
  --sn-shadow-frame: 0 24px 60px -30px rgba(23, 22, 20, 0.35);

  /* Transitions (transitions.dev, skill Jakubantalik/transitions.dev, "Lot 1"
     14/08/2026 : mega-menu, recherche, FAQ, pilules filtre). Noms/valeurs
     repris tels quels de la fiche de chaque transition -- ne pas renommer,
     "transitions refine" du skill s'appuie sur ces noms exacts. */
  --dropdown-open-dur: 250ms;
  --dropdown-close-dur: 150ms;
  --dropdown-pre-scale: 0.97;
  --dropdown-closing-scale: 0.99;
  --dropdown-ease: cubic-bezier(0.22, 1, 0.36, 1);

  --modal-open-dur: 250ms;
  --modal-close-dur: 150ms;
  --modal-scale: 0.96;
  --modal-scale-close: 0.96;
  --modal-ease: cubic-bezier(0.22, 1, 0.36, 1);

  --acc-expand: 250ms;
  --acc-collapse: 250ms;
  --acc-chevron: 250ms;
  --acc-ease: cubic-bezier(0.22, 1, 0.36, 1);

  --tabs-dur: 250ms;
  --tabs-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* "Lot 2" 14/08/2026 : checkbox-check (case a cocher comparaison), toast
     (barre sticky "Comparer"), panel-reveal (tiroir mobile). */
  --check-box: 150ms;
  --check-draw: 350ms;
  --check-delay: 0ms;
  --check-uncheck: 150ms;
  --check-ease: cubic-bezier(0.22, 1, 0.36, 1);

  --toast-open: 350ms;
  --toast-close: 250ms;
  --toast-distance: 16px;
  --toast-blur: 2px;
  --toast-scale: 0.97;
  --toast-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* --panel-translate-y reduit vs le defaut du skill (100px, pense pour un
     panneau de detail dans une carte) : notre tiroir est un panneau de nav
     pleine largeur en flux, un petit glissement (20px, meme grandeur que
     --toast-distance) lit mieux qu'un grand saut. */
  --panel-open-dur: 400ms;
  --panel-close-dur: 350ms;
  --panel-translate-y: 20px;
  --panel-blur: 2px;
  --panel-ease: cubic-bezier(0.22, 1, 0.36, 1);
}