/* Tokeny: kolory, odstępy i czcionka. Wartości z makiety autora (Research/Aurora_main_00.png, ekran 402 px). */
:root {
  color-scheme: dark;
  --bg: #15191d;
  /* Góra gradientu tła: --bg przykryte czarnym 20%. */
  --bg-top: #111417;
  --text: #ffffff;
  --sub: #afc7c2;
  --sub-65: rgba(175, 199, 194, 0.65);
  --green: #68f7bb;
  --green-rgb: 104 247 187;
  --yellow: #ffc867;
  --glow: #5ac369;
  --glow-rgb: 90 195 105;
  --violet: #c4a1ff;
  /* Kolory zorzy w tle strony. */
  --aurora-green: #5ac369;
  --aurora-violet: #412b5d;
  --line: rgba(255, 255, 255, 0.09);
  --card: rgba(255, 255, 255, 0.08);
  --card-border: rgba(255, 255, 255, 0.04);
  --card-soft: rgba(255, 255, 255, 0.04);
  /* Tło pustej części pasków, mierników i linii siatki. */
  --track: rgba(255, 255, 255, 0.1);
  --fab: rgba(0, 0, 0, 0.7);
  /* Tło panelu: biały 4% na --bg, jak pigułki godzin. */
  /* Neutralny szary tekst drugorzędny na kartach miejsc (makieta autora 18.10.2026): biały 60%. */
  --muted: rgba(255, 255, 255, 0.6);
  --sheet: #1e2226;
  --surface: rgba(13, 32, 37, 0.78);
  --on-accent: #062117;
  --warn: #ffc867;
  --moon: #c9d6e3;
  /* Łuk Słońca w panelu „Światło tej nocy”, z makiety autora. */
  --sun: #cc9200;

  /* Karty i kafelki sięgają do --gutter od krawędzi, a tekst leżący wprost na tle jest wcięty o --text-inset więcej. */
  --gutter: 20px;
  --text-inset: 4px;
  --gap: 12px;
  --radius: 20px;
  --press-scale: 0.94;
  --press: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.2s;

  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}