/* Sikt – designtokens. Källa: mockup "Sikt – huvudvy" och funktionsspec v0.3.
   Ändras utseendet: uppdatera spec och mockup först, sedan här. */
:root {
  color-scheme: dark;

  /* Ytor */
  --bg: #0C0D0F;            /* bakgrund, temafärg i manifest */
  --surface: #15161A;       /* kort */
  --surface-bar: #111215;   /* flikfält */
  --line: #2A2D33;          /* axlar, tomma staplar */
  --line-subtle: #1C1E22;   /* avdelare i listor */
  --skeleton: #1C1E22;      /* platshållare vid första start */

  /* Text (kontrast mot --surface: 15,0 / 7,5 / 5,6:1) */
  --text: #E8EAED;
  --text-2: #A2A7AE;
  --text-3: #8A8F97;

  /* Accent */
  --accent: #4FB3E0;

  /* Officiella SMHI-varningar – bara där, aldrig för Sikts egna händelser */
  --warn-yellow: #E4C158;
  --warn-orange: #E18747;
  --warn-red: #DC565A;
  --warn-message: #A2A7AE;
  --on-warn: #111214;       /* text på nivåyta: 10,8 / 6,9 / 4,9:1 */

  /* Typografi. Inter/JetBrains Mono är ännu inte självhostade, så fallback gäller tills vidare. */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Roboto Mono", monospace;

  /* Typskala i rem så större systemtext slår igenom */
  --fs-temp: 5.75rem;       /* 92px, vikt 200 */
  --fs-title: 1.0625rem;    /* 17px, platsnamn */
  --fs-body: 0.9375rem;     /* 15px, klartext */
  --fs-ui: 0.875rem;        /* 14px */
  --fs-small: 0.75rem;      /* 12px */
  --fs-label: 0.6875rem;    /* 11px, mono-etiketter och flikar */
  --tracking-label: 0.12em;

  /* Form och rytm */
  --radius: 10px;
  --radius-sm: 6px;
  --gutter: 20px;
  --gap: 10px;
  --tap: 44px;              /* minsta tryckyta */
  --tabbar-h: 68px;
}