/* BEYONDV Portal - Design-Tokens. NUR hier stehen Farbwerte und Zeiten.
   Seit dem Overhaul (06.10.2026) wie der Launcher (launcher/ui/launcher.css): neutrale dunkle Flächen, weiße Haarlinien,
   runde Ecken, ein Akzent für das Wichtigste und warme Zweitfarben, damit nicht alles grün ist. Die alten Namen
   (--accent, --panel, --line ...) bleiben als Verweise, damit jede Seite die neue Optik bekommt.
   Der Launcher lädt diese Datei auch - er nutzt daraus nur die Schriften (--font, --mono). */

@font-face {
  font-family: 'Barlow BV';
  src: url('/res/zsurvival/font/barlow_medium_ui.ttf') format('truetype');
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}
/* Der Mittelpunkt "·" sitzt in dieser Schriftdatei auf der Grundlinie und sieht aus wie ein Punkt: "1.20.1 · Forge" las
   sich als "1.20.1. Forge", "340 · 2" als "340.2". Nur dieses eine Zeichen kommt daher aus einer Systemschrift (eine
   spätere Regel gewinnt für ihren Bereich; findet sich keine, bleibt es wie vorher). */
@font-face {
  font-family: 'Barlow BV';
  src: local('Bahnschrift'), local('Segoe UI'), local('Roboto'), local('Helvetica Neue'), local('Arial');
  font-weight: 400 600;
  font-style: normal;
  unicode-range: U+00B7;
}

:root {
  color-scheme: dark;

  /* Akzent (wie das Grün des Launchers) */
  --a: #9ccc3c;
  --a2: #5c8c20;
  --a-rgb: 156, 204, 60;
  --on-a: #0b1305;

  /* Flächen */
  --bg: #08090a;
  --bg1: #0f1211;
  --card: #141716;
  --card2: #1a1e1c;
  --card3: #212624;
  --panel-deep: #0e1110;
  --panel: var(--card);
  --panel-raised: var(--card2);
  --panel-a: rgba(20, 23, 22, 0.88);
  /* deckend genug, dass Seiteninhalt unter Fenstern (Ticket-Fenster, Glocke, Dialoge) nicht durchscheint */
  --panel-a-strong: rgba(19, 22, 21, 0.985);
  --well: #0b0d0c;
  --glass: rgba(12, 14, 13, 0.66);

  /* Linien (Haarlinien) */
  --stroke: rgba(255, 255, 255, 0.07);
  --stroke2: rgba(255, 255, 255, 0.12);
  --stroke3: rgba(255, 255, 255, 0.2);
  --line: var(--stroke);
  --line-strong: var(--stroke2);
  --line-hover: var(--stroke3);

  /* Alte Akzent-Namen */
  --accent: var(--a);
  --accent-bright: #b9e35f;
  --accent-dim: #4f6d1c;
  --accent-a12: rgba(var(--a-rgb), 0.12);
  --accent-a22: rgba(var(--a-rgb), 0.22);
  --accent-a40: rgba(var(--a-rgb), 0.4);
  --khaki: #cfc8b8;
  --olive: #5c8c20;
  --olive-deep: #16200b;

  /* Zweitfarben - verspielt, und damit nicht alles grün ist */
  --amber: #f2a83c;
  --blood: #f05a4b;
  --sky: #57b2f2;
  --toxic: #b7f06a;
  --violet: #ad7cf7;

  /* Text (Kontrast auf --bg: text 15:1 · dim 7,4:1 · muted 5,5:1 - muted auch auf Karten noch 4,6:1, also lesbar für
     die kleinen Beschriftungen; bis 06.10.2026 war es #6f6d67 mit 3,2 bis 3,9:1) */
  --text: #ece8de;
  --text-dim: #a19e95;
  --text-muted: #8a877f;
  --icon: #cfcabd;

  /* Bedeutung */
  --good: #7fd35a;
  --warn: #f2a83c;
  --danger: #f05a4b;
  --danger-text: #ff8a7c;
  --bad: var(--danger);
  --info: #57b2f2;
  --gold: #f6cb3a;

  /* Zustände (HUD der Mod) */
  --health: #e05e4f;
  --stamina: #e3d7a2;
  --food: #d9a55f;
  --water: #67b0e0;
  --infection: #a8d24c;
  --bleeding: #c7362d;
  --radiation: #e3d84c;
  --blood-moon: #f05a4b;

  /* Schrift */
  --font: 'Barlow BV', 'Barlow', 'Bahnschrift', 'Segoe UI', system-ui, sans-serif;
  --mono: 'Cascadia Mono', 'Consolas', ui-monospace, monospace;
  --track-caps: 0.1em;
  --track-wide: 0.24em;

  /* Form */
  --r: 14px;
  --r-sm: 10px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Abstände */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --topbar: 76px;
  --dock-w: 380px;

  /* Bewegung */
  --fast: 120ms;
  --normal: 180ms;
  --slow: 250ms;
  --ease: cubic-bezier(0.215, 0.61, 0.355, 1);      /* easeOutCubic */
  --ease-io: cubic-bezier(0.645, 0.045, 0.355, 1);  /* easeInOutCubic */
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Schatten */
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.42);
  --shadow-strong: 0 26px 64px rgba(0, 0, 0, 0.62);
  --glow: 0 0 22px rgba(var(--a-rgb), 0.32);

  --z-globe: 0;
  --z-app: 1;
  --z-dock: 40;
  --z-overlay: 60;
  --z-toast: 80;
}

/* Effekte aus (Schalter in der Fußzeile) oder System-Wunsch: alles sofort, aber nie 0 ms
   ohne Rückmeldung - Farbwechsel bleiben weich. */
:root[data-motion='off'] {
  --normal: 90ms;
  --slow: 120ms;
}
@media (prefers-reduced-motion: reduce) {
  :root { --normal: 90ms; --slow: 120ms; }
}