/* Sport in Pocket — jetons de design (charte All in Pocket v10) (pétrole / anthracite · trait jaune) */
:root {
  --aip-petrole: #0D7176;
  --aip-petrole-survol: #045B5F;
  --aip-petrole-clair: #6BD8DE;
  --aip-anthracite: #272F32;
  --aip-anthracite-clair: #A4ACAF;
  --aip-encre: #0E1214;
  --aip-ivoire: #F1F6F7;
  --aip-nuit: #0B181C;
  --aip-nuit-2: #142529;
  --aip-jaune: #EBB512;
  --aip-jaune-vif: #FBC629;
  --aip-trait-degrade: linear-gradient(90deg, #FCE8A2 0%, #EBB512 45%, #B87B03 100%);
  --aip-trait-degrade-nuit: linear-gradient(90deg, #FFF6CF 0%, #FBC629 45%, #C98A0B 100%);
  --aip-blanc: #FFFFFF;

  --aip-gris-900: #1A2226;
  --aip-gris-700: #46535A;
  --aip-gris-500: #5F6C72;
  --aip-gris-300: #C3D0D3;
  --aip-gris-100: #E1E8EA;

  --aip-succes: #3F7A34;  --aip-succes-fond: #E7F0E3;
  --aip-alerte: #B8770A;  --aip-alerte-texte: #8F6F04;  --aip-alerte-fond: #FBF0D9;
  --aip-erreur: #B23B2E;  --aip-erreur-fond: #F8E5E2;
  --aip-info: #2F6C7E;    --aip-info-fond: #E2EDF0;

  --aip-fond: var(--aip-ivoire);
  --aip-surface: var(--aip-blanc);
  --aip-surface-alt: var(--aip-gris-100);
  --aip-texte: var(--aip-encre);
  --aip-texte-secondaire: var(--aip-gris-500);
  --aip-bordure: var(--aip-gris-300);
  --aip-action: var(--aip-petrole);
  --aip-action-texte: var(--aip-blanc);
  --aip-action-survol: var(--aip-petrole-survol);
  --aip-accent: var(--aip-jaune);
  --aip-focus: var(--aip-jaune);

  --aip-police-titre: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --aip-police-texte: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --aip-police-data: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --aip-suivi-titre: -0.01em;
  --aip-suivi-caps: 0.06em;

  --aip-rayon-sm: 4px; --aip-rayon-md: 8px; --aip-rayon-lg: 14px; --aip-rayon-full: 999px;
  --aip-ombre-sm: 0 1px 2px rgba(11,24,28,.08);
  --aip-ombre-md: 0 2px 6px rgba(11,24,28,.10), 0 1px 2px rgba(11,24,28,.06);
  --aip-ombre-lg: 0 8px 24px rgba(11,24,28,.14);
}

@media (prefers-color-scheme: dark) {
  :root {
    --aip-fond: var(--aip-nuit);
    --aip-surface: var(--aip-nuit-2);
    --aip-surface-alt: #1D3237;
    --aip-texte: var(--aip-ivoire);
    --aip-texte-secondaire: #8FB3B8;
    --aip-bordure: #274247;
    --aip-action: var(--aip-petrole-clair);
    --aip-action-texte: var(--aip-encre);
    --aip-action-survol: #9AE6EA;
    --aip-accent: var(--aip-jaune-vif);
    --aip-focus: var(--aip-jaune-vif);
  }
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--aip-focus);
  outline-offset: 2px;
  border-radius: var(--aip-rayon-sm);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}