/* Design-Tokens. Einzige Datei, in der Farbwerte (Hex/rgba) stehen duerfen. */
:root {
  color-scheme: dark;

  /* Flaechen */
  --c-bg: #070f1c;
  --c-surface: #0b1729;
  --c-surface-2: #0d1a2e;
  --c-surface-3: #0f2038;
  --c-surface-4: #0f1f36;
  --c-code-bg: #060d19;
  --c-footer: #050b15;
  --c-band: #0a1526;
  --c-popular: #0e2244;
  --c-row-hover: #13294a;
  --c-navy: #0e2a4f;
  --c-icon-bg: #12304a;
  --c-selected: #163a63;
  --c-selected-row: #1a3557;
  --c-teal-deep: #1f4d5b;
  --c-neutral-btn: #3a4757;
  --c-grid: #0e1c31;
  --c-numeral: #13243d;
  --c-glow: #2f6e82;
  --c-glow-2: #3f8296;
  --c-preview: #e8c36a;
  --c-preview-text: #070f1c;

  /* Linien */
  --c-line: #1e3456;
  --c-line-soft: #1a2e4c;
  --c-line-faint: #142742;
  --c-line-strong: #2c4a72;

  /* Text */
  --c-text: #e8eef6;
  --c-text-soft: #c9d5e3;
  --c-text-band: #c9d6e4;
  --c-muted: #a3b4c8;
  --c-subtle: #8da2ba;
  --c-white: #ffffff;
  --c-on-accent: #06121f;

  /* Akzent */
  --c-accent: #6fa8b8;
  --c-accent-light: #a9d2dd;
  --c-accent-icon: #8fc6d4;
  --c-success: #8fe3b0;

  /* Laptop-Mockup */
  --c-laptop-body: #1a2433;
  --c-laptop-edge: #2a3647;
  --c-laptop-screen: #08111f;
  --c-laptop-base: #2a3443;
  --c-laptop-notch: #1e2733;

  /* Log-Kategorien (immer zusaetzlich als Text anzeigen) */
  --cat-join: #8fe3b0;
  --cat-leave: #a3b4c8;
  --cat-money: #7fc3d3;
  --cat-admin: #c3b3f5;
  --cat-anticheat: #e8c36a;
  --cat-error: #f08a6b;
  --cat-kill: #f2a9c0;
  --cat-item: #9fd3a8;
  --cat-chat: #c9d5e3;
  --cat-vehicle: #a9d2dd;

  /* Transparenzen und Schatten */
  --glass: rgba(7, 15, 28, 0.86);
  --pulse-from: rgba(143, 227, 176, 0.65);
  --pulse-to: rgba(143, 227, 176, 0);
  --shine: rgba(255, 255, 255, 0.22);
  --ghost-hover: rgba(111, 168, 184, 0.12);
  --shadow-card: 0 22px 60px -24px rgba(111, 168, 184, 0.55);
  --shadow-card-sm: 0 16px 40px -20px rgba(111, 168, 184, 0.6);
  --shadow-btn: 0 12px 32px -10px rgba(111, 168, 184, 0.7);

  /* Typografie: Poppins und IBM Plex Mono liegen lokal vor (fonts.css), danach Systemfallbacks. */
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.1875rem;
  --fs-h3: 1.25rem;
  --fs-h2: clamp(2.125rem, 4vw, 3rem);
  --fs-h1: clamp(2.625rem, 6.4vw, 5rem);
  --fs-eyebrow: 0.8125rem;
  --lh-tight: 1.1;
  --lh-body: 1.65;

  /* Abstaende */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 120px;
  --gutter: 24px;
  --container: 1240px;

  /* Radien */
  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* Bewegung */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}