/* ============================================================
   RØVBANAN OS — designtokens

   Én kilde til systemets palet. Både skrivebordet (index.html) og
   de indlejrede apps i apps/ indlæser denne fil, fordi hver app
   er sit eget dokument i en iframe og derfor ikke arver noget fra
   styles.css. Uden en fælles fil ville paletten skulle vedligeholdes
   seks steder — og drive fra hinanden ved første rettelse.

   NEO-RETRO FLADER
   Systemet er et gammelt institutionsskrivebord set gennem et rør:
   mørkt glas, tynde neonkanter, mono til alt maskinen selv siger.
   Vinduerne beholder 95'er-disciplinen — skarpe hjørner, tætte
   rækker, tydelig titelbjælke — men bevels og beige er væk.
   Ingen runde pill-former.

   HUSK: filen skal stå i ROOT_FILES i tools/roevbanan-os-sync.mjs,
   ellers når den aldrig frem til den serverede kopi, og hele
   systemet falder tilbage til ustylede farver.
   ============================================================ */

:root {
  --bg: #08111f;
  --bg-2: #0d1d35;
  --panel: rgba(16, 27, 48, 0.86);
  --panel-strong: rgba(9, 16, 31, 0.95);
  --line: rgba(255, 255, 255, 0.12);
  --text: #eff4ff;
  --muted: #adc0e6;
  --accent: #59d0ff;
  --accent-2: #8b7dff;
  --warning: #ffd166;
  --danger: #ff5d73;
  --ok: #5fe0ad;
  --shadow: 0 16px 40px rgba(0, 0, 0, 0.35);

  /* Flader, mørkest til lysest */
  --surface-sunken: #060c17;   /* lister, felter, terminal */
  --surface: #0b1526;          /* vinduets krop */
  --surface-raised: #101d33;   /* kort og paneler i vinduet */
  --surface-hover: #16263f;

  /* Krom */
  --chrome: linear-gradient(180deg, #101f36 0%, #0a1424 100%);
  --chrome-solid: #0d1a2d;
  --title-idle: linear-gradient(180deg, #0f1c30 0%, #0a1626 100%);
  --title-active: linear-gradient(180deg, #16345a 0%, #0d2038 100%);

  /* Kanter — 1px hårstreg frem for 2px bevel */
  --edge: rgba(122, 176, 226, 0.18);
  --edge-strong: rgba(122, 176, 226, 0.34);
  --edge-accent: rgba(89, 208, 255, 0.55);

  /* Tekst */
  --text-dim: #8fa6c8;         /* labels, metadata */
  --text-on-accent: #041220;

  /* Effekter */
  --glow: 0 0 18px rgba(89, 208, 255, 0.22);
  --glow-strong: 0 0 26px rgba(89, 208, 255, 0.38);
  --window-shadow: 0 18px 44px rgba(0, 0, 0, 0.55), 0 2px 0 rgba(0, 0, 0, 0.4);

  /* Form */
  --radius: 3px;
  --radius-lg: 5px;

  /* Maskinens egen stemme er mono; brødtekst forbliver sans. */
  --mono: ui-monospace, "Cascadia Mono", "Cascadia Code", Consolas, "Courier New", monospace;
  --sans: "Segoe UI", Tahoma, sans-serif;
}