/* ==========================================================================
   GATE 90 — DESIGNTOKENS
   Enda källan till sanning för färg, typ och avstånd.
   Ändra aldrig en färg i en komponent. Ändra den här.
   ========================================================================== */

:root {

  /* --- YTOR ---------------------------------------------------------------
     Två ytor. Inte tre, inte fem.
     Ink  = avgångstavlan. Header, fyllda kort, alla pappersobjekt.
     Sand = appens botten. Allt innehåll står på den.
     Paper = sandkort på sand. Används sparsamt, för fält och infolådor. */

  --g90-ink:        #0F131B;
  --g90-ink-2:      #1A2029;   /* upphöjd yta PÅ ink, t.ex. kort i mörkt läge */
  --board:          #0A0C11;   /* avgångstavle-remsa (mörkast) – månadsavdelare i Hitta resa */
  --board-2:        #1A2029;   /* avgångstavle-remsa (ljusare topp) för gradient --board-2 -> --board */
  --g90-sand:       #EDE6D6;
  --g90-paper:      #F5F0E4;

  /* --- GULD ---------------------------------------------------------------
     Guldet har TVÅ värden. Detta är en kontrastregel, inte en smakregel.
     Ljust guld på sand är oläsbart. Djupt guld på ink är dött.
     Bryt aldrig mot detta. */

  --g90-gold:       #E8B84B;   /* ENDAST på ink */
  --g90-gold-deep:  #A8801F;   /* ENDAST på sand/paper */

  /* --- VARNING ------------------------------------------------------------
     Destruktivt = varningsfärg, aldrig guld (grundregel 6). */
  --g90-warn:       #9A4E2E;

  /* --- HÅRSTRECK ---------------------------------------------------------- */

  --g90-line-ink:   #2A313D;
  --g90-line-sand:  #CFC5AE;

  /* --- TEXT --------------------------------------------------------------- */

  --g90-on-ink:         #EDE8DC;
  --g90-on-ink-muted:   #8E95A3;
  --g90-on-ink-dim:     #5C6472;

  --g90-on-sand:        #2A2620;
  --g90-text-strong:    #2A2620;   /* stark text: aktiv nav-flik m.m. (SPEC:ens namn) */
  --g90-on-sand-muted:  #6E6455;
  --g90-eyebrow:        #8A7F6B;   /* spärrade etiketter på sand */

  /* --- UNDANTAGET ---------------------------------------------------------
     Passtämplar är flerfärgade i verkligheten. Det är enda stället där
     färgvariation bär betydelse (olika länder, olika stämplar).
     Lägg INTE till fler färger utanför detta. */

  --g90-stamp-visited: #5F6B4E;

  /* --- TYPSNITT -----------------------------------------------------------
     Satt till Fjalla One — appens riktiga display-typsnitt (det som redan sätter
     "Derbyn" och "Sparade lag"). Oswald-platshållaren borttagen. */

  --g90-display: 'Fjalla One', 'Archivo Narrow', system-ui, sans-serif;
  --g90-voice:   'EB Garamond', Georgia, 'Times New Roman', serif; /* sloganen, kursiv */
  --g90-body:    system-ui, -apple-system, 'Segoe UI', sans-serif;
  --g90-mono:    ui-monospace, 'SF Mono', 'Roboto Mono', monospace;

  /* --- TYPSKALA ----------------------------------------------------------- */

  --g90-size-hero:     26px;  /* sidrubrik, display */
  --g90-size-title:    20px;  /* korttitel, display */
  --g90-size-body:     14px;
  --g90-size-small:    13px;
  --g90-size-data:     12px;  /* mono: tider, koder, kapacitet */
  --g90-size-eyebrow:  10px;  /* mono: spärrade etiketter */
  --g90-size-chip:      9px;  /* mono: BOARDING, UTSÅLT */

  --g90-track-mono:    0.10em;
  --g90-track-eyebrow: 0.16em;
  --g90-track-logo:    0.20em;

  /* --- FORM --------------------------------------------------------------- */

  --g90-radius:      10px;
  --g90-radius-lg:   12px;
  --g90-notch:       11px;   /* radie på perforeringshålen */
  --g90-pad:         16px;

  /* Sidans bakgrund. Perforeringshålen "skärs ut" genom att fyllas med
     denna färg. Sitter ett pappersobjekt på en annan yta måste du sätta
     om --g90-page på just den behållaren, annars syns hålen inte. */
  --g90-page: var(--g90-sand);
}