/* Padding og ramme regnes INNENFOR bredden. Uten dette la `width: 100%` +
   padding seg utenpå containeren: e-postfeltet på /login stakk 26 px ut av
   kortet sitt (målt 2026-08-09). Global regel, ikke per komponent — ellers er
   det neste felt som glipper. */
*,
*::before,
*::after { box-sizing: border-box; }

/* Alpha XI designtokens — én kilde for farger, avstand og form.
   Bruk alltid var(--...) i stedet for hex-verdier. */
:root {
  /* Merkevare */
  --ax-green:        #14532d;  /* primær (banegrønn) */
  --ax-green-light:  #16a34a;
  --ax-green-soft:   #dcfce7;

  /* Banens kalkstrek (2026-08-10). Gjennomsiktig hvit, IKKE samme token som
     --ax-line — den er en generell nøytral kant og skal kunne endres uavhengig
     av banen. Alpha gjør at streken leser som kalk på gress uansett hvilken
     grønn den ligger over. Selve banen bruker --ax-green (samme som
     hjemmesiden alltid har brukt); den mørkere --ax-bane som lagsiden hadde
     sin egen kopi av er slått sammen bort — to grønne baner var aldri meningen. */
  --ax-bane-strek: rgba(255, 255, 255, 0.55);

  /* Form/status */
  --ax-up:      #22c55e;
  --ax-flat:    #facc15;
  --ax-down:    #ef4444;

  /* Nøytrale */
  --ax-ink:     #111827;
  --ax-muted:   #6b7280;
  --ax-line:    #e5e7eb;
  --ax-bg:      #ffffff;
  --ax-bg-alt:  #f9fafb;

  /* Logoskiven. Lys og nøytral med vilje: logoene eier fargen, underlaget
     skal bare la dem lese — også mot den mørkegrønne banen. */
  --ax-logo-bg:     #f1f3f5;
  --ax-logo-ticker: #4b5563;

  /* DRAKTA (#6291, Erik 2026-09-07: «spillerne skal være en hvit fotballtrøye
     med logoen oppå – ikke en sirkel»). Hvit fordi en drakt med farge ville
     vært et lag- eller klubbsignal vi ikke har noe å fylle med: elleve
     selskaper fra ni sektorer deler ingen klubbfarge, og en tilfeldig valgt
     farge per spiller ville sett ut som en gruppering.

     Konturen er EGEN token, ikke --ax-line: den skal leses både mot det
     mørkegrønne gresset (der den knapt trengs) og mot den hvite
     spillersiden (der den er alt som skiller drakta fra bakgrunnen).

     --ax-drakt-bane er trøyas bredde på banen, og de tre leddene er der av
     hver sin grunn: 58 px er taket, `19cqw` binder trøya til BANENS bredde
     — og dermed til høyden, siden banen har fast sideforhold og rekkene
     ligger 20 prosentpoeng fra hverandre; en trøye som ikke krymper med
     banen dytter brikken ned i rekka under — og `100%` er brikkens egen
     celle, som er den som gir etter når elleve deler én rekke. ÉN bredde med
     tre tak, aldri to uavhengige prosenter: se ovalen `.drakt` avløser.

     `cqw` er BANENS bredde, ikke vinduets (`vw`). Det var nettopp `vw` som
     var feilen i 2026-08-10: logoen målte skjermen i stedet for plassen den
     faktisk hadde. */
  --ax-drakt:       #ffffff;
  --ax-drakt-kant:  #c7ccd3;
  --ax-drakt-bane:  min(58px, 18cqw, 100%);
  /* Trøya på spillersiden. ÉN verdi, lest to steder: den er både
     grid-kolonnen i `.spiller-topp` og bredden på drakta i den. Sto de hver
     for seg, ville drakta og kolonnen sin glidd fra hverandre. */
  --ax-drakt-topp:  clamp(112px, 34vw, 148px);

  /* LANDSDRAKTER (#6423, Erik 2026-09-11: «drakta skal ha landets farger
     etter p.country»). Tilnærmet flaggfarge, ikke en offisiell
     draktprodusents Pantone-liste — Erik retter om noen av dem skurrer.
     Uten kjent land (eller et land utenfor de fire) beholder drakta
     `--ax-drakt` (hvit) som i dag, se `.drakt__body` i components.css. Norge
     har to trimfarger (hvit krage, blå mansjett — «hvit/blå detalj»); de tre
     andre har én, på både krage og mansjett.

     FRA SAMME DAG, ETTER LOCALHOST-RUNDEN: kroppen er hvit for alle land,
     og fargene under brukes bare på krage, mansjetter og linning (Erik:
     «bakgrunnsfargene må være hvite på draktene, men båndene på armene og i
     kantene kan indikere land»). Derfor er de mettede igjen — et 5-enheters
     bånd på en 46 px trøye trenger full farge for å leses. `-no-trim`
     (hvit) er ubrukt nå: hvitt bånd på hvit kropp er ingenting. */
  --ax-drakt-no:       #ba0c2f;
  --ax-drakt-no-trim:  #ffffff;
  --ax-drakt-no-trim2: #00205b;
  --ax-drakt-se:       #005293;
  --ax-drakt-se-trim:  #fecc02;
  --ax-drakt-dk:       #c8102e;
  --ax-drakt-dk-trim:  #ffffff;
  --ax-drakt-fi:       #002f6c;
  --ax-drakt-fi-trim:  #ffffff;

  /* Avstand */
  --ax-gap-xs: 0.25rem;
  --ax-gap-sm: 0.5rem;
  --ax-gap:    1rem;
  --ax-gap-lg: 2rem;

  /* SIDENS BREDDE — ÉN KOLONNE FOR HELE APPEN (2026-08-09).
     Fram til nå fant hver del sin egen: menyen 58rem, innholdet 600px,
     coach-bobla 600px med annen padding, nyhetssidene 700px inline,
     spillersiden 1000px inline, vilkårene 42rem. Seks venstrekanter på samme
     side — og menyens logo sto 164 px til venstre for overskriften under den.

     `--ax-kolonne` er lesekolonnen appen bor i. `--ax-kolonne-bred` er
     forsidens, der bane og tabell står side ved side. `--ax-kant` er
     venstrekanten, og den er den samme for topp, innhold og bunn. Vil en side
     ha en annen bredde, setter den `--ax-kolonne` på seg selv — den finner
     ikke opp et tall til. */
  --ax-kolonne:      600px;
  --ax-kolonne-bred: 68rem;
  --ax-kant:         1.5rem;

  /* Form */
  --ax-radius:  8px;
  --ax-shadow:  0 1px 3px rgba(0, 0, 0, 0.08);
  --ax-font:    'Inter', system-ui, -apple-system, sans-serif;

  /* Overskriftsfonten. Egen variabel fordi hierarkiet på de åpne sidene skapes
     av vekt og størrelse, ikke av farge (2026-08-08) — da må det finnes én
     stemme som er tydelig annerledes enn brødteksten. */
  --ax-display: 'Space Grotesk', var(--ax-font);
}