/* Darts Oto — base commune (site + direct)
   Thème clair par défaut, sombre si le système le demande, ou forcé avec data-theme. */
@font-face{font-family:"Big Shoulders";src:url("/assets/fonts/big-shoulders.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("/assets/fonts/instrument-sans.woff2") format("woff2");font-weight:400 700;font-stretch:75% 100%;font-display:swap}

:root{
  /* Clair */
  --bg:#F4F6FA; --surface:#FFFFFF; --surface-2:#EAEEF5; --line:#D6DDE8;
  --text:#152033; --muted:#5B667D; --faint:#8A94A8;
  --red:#D93A37; --red-press:#A82926; --gold:#B7790A; --green:#17935A;
  --active-bg:rgba(21,32,51,.04);
  --shadow:0 1px 2px rgba(21,32,51,.06),0 8px 24px -12px rgba(21,32,51,.18);
  /* Couleurs des joueurs */
  --p1:#E0911B; --p2:#2B8FD6; --p3:#D6456B; --p4:#1FA06A; --p5:#7C5CE0; --p6:#E0662B; --p7:#159C9C; --p8:#A48A12;
  /* Cible (plateau classique pour l'impact précis) */
  --bd-dark:#1D2330; --bd-light:#EFE7D4; --bd-red:#D8433F; --bd-green:#2A9A5C; --bd-rim:#11151D; --bd-wire:rgba(0,0,0,.28);

  --display:"Big Shoulders",Impact,"Arial Narrow",sans-serif;
  --text-font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r-s:8px;--r-m:16px;--r-l:22px;
  --pad:clamp(1rem,4vw,3rem);
  color-scheme:light;
}
/* Sombre : nuit bleutée, jamais de vert */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#121A2B; --surface:#1A2439; --surface-2:#223049; --line:#2E3C57;
    --text:#F3F6FB; --muted:#A3AEC4; --faint:#6F7B94;
    --red:#F0524F; --red-press:#B83532; --gold:#F5B83D; --green:#3DD68C;
    --active-bg:rgba(255,255,255,.05);
    --shadow:0 1px 2px rgba(0,0,0,.25),0 14px 34px -16px rgba(0,0,0,.6);
    --p1:#F5B83D; --p2:#5AC8FA; --p3:#FF7A99; --p4:#3DD68C; --p5:#A78BFA; --p6:#FF8F5A; --p7:#34D1C4; --p8:#E6DC6A;
    color-scheme:dark;
  }
}
:root[data-theme="dark"],.theme-dark{
  --bg:#121A2B; --surface:#1A2439; --surface-2:#223049; --line:#2E3C57;
  --text:#F3F6FB; --muted:#A3AEC4; --faint:#6F7B94;
  --red:#F0524F; --red-press:#B83532; --gold:#F5B83D; --green:#3DD68C;
  --active-bg:rgba(255,255,255,.05);
  --shadow:0 1px 2px rgba(0,0,0,.25),0 14px 34px -16px rgba(0,0,0,.6);
  --p1:#F5B83D; --p2:#5AC8FA; --p3:#FF7A99; --p4:#3DD68C; --p5:#A78BFA; --p6:#FF8F5A; --p7:#34D1C4; --p8:#E6DC6A;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--text-font);font-size:1.0625rem;line-height:1.55;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
img,svg{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font-family:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
html.i18n-pending body{visibility:hidden}
/* Sélecteur de langue (Auto · FR · EN) */
.lang-switch{display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-2);padding:2px;font-size:.8rem;line-height:1}
.lang-switch button{border:0;background:transparent;color:var(--muted);font:600 .8rem/1 var(--text-font);padding:.42em .62em;border-radius:999px;cursor:pointer;min-height:28px}
.lang-switch button:hover{color:var(--text)}
.lang-switch button[aria-pressed="true"]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.15)}
.lang-switch button.is-current:not([aria-pressed="true"]){color:var(--text)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.num{font-family:var(--display);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}