/* Inter (fullständig version från rsms.me/inter, SIL OFL – se assets/fonts/LICENSE.txt).
   Självhostad i stället för Google Fonts, eftersom Google-versionen saknar
   de alternativa tecken som gör I, l och 1 lätta att skilja åt. */
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Design tokens — från Figma "Checkpoint Designsystem" */
:root {
  color-scheme: dark;
  /* Färger (Figma-variablerna, nya värden 2026-10-09) */
  --nightsky: #0e1011;           /* bakgrund */
  --nightsky-light: #181a1e;     /* kort och ytor */
  --nightsky-lighterer: #24282f; /* chips, avdelare, kortens kant, glas */
  --lime-dark: #cdf241;          /* knappar, ikoner, aktiv flik, chiptext */
  --lime-light: #eafb97;         /* rubriker, datum, aktiv fliktext */
  --mist-dark: #7f8085;          /* bara dekor (streckad kant, inaktiva ringar): 4,7:1, inte för text */
  --mist-light: #c5c7d2;         /* sekundär text: etiketter, avsändare, tips */
  --cloud: #ffffff;
  --signal-red: #c8102e; /* bara för vägmärken (hastighetsskylt) */
  --warning: #ffb547;    /* varningsmarkering, används som kant/ikon */

  /* Typografi */
  --font: "Inter", system-ui, sans-serif; /* Sora i Figma, bytt mot Inter för läsbarhet (2026-10-06) */
  --weight-regular: 400; /* Light (300) i Figma bytt mot Regular för läsbarhet */
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Radier */
  --radius-card: 16px;
  --radius-sheet: 32px;
  --radius-pill: 32px;
  --radius-chip: 8px;

  /* Höjder */
  --tab-bar-height: 72px;

  /* Avstånd */
  --gutter: 16px;

  /* Kort: NightskyLight med en 1 px kant i NightskyLighterer som tonar ut snett nedåt */
  --edge: linear-gradient(150deg, var(--nightsky-lighterer) 0%, rgba(36, 40, 47, 0) 75%);

  /* Glas (css/glass.css) */
  --glass-dark: rgba(36, 40, 47, 0.82);   /* knapplisten och tab-baren, som i Figma */
  --glass-text: rgba(36, 40, 47, 0.94);   /* vägvisningsrutan: text på glaset ska klara 7:1 även mot ljus karta */
  --glass-light: rgba(255, 255, 255, 0.82); /* runda knappar ovanpå bild/karta */
  --glow-lime: rgba(205, 242, 65, 0.4);
  --blur: blur(24px) saturate(1.6);
}