/*
  Titan Roleplay – gemeinsame Design-Tokens (Ostblock-Stil, verbindlich laut Branding 2026-11-10)
  Leitbild: Plattenbau bei Nacht. Beton, Natriumdampf-Bernstein, Signalrot, Patina.
  Genutzt von: öffentlicher Webseite (web/site) und Admin-Panel (web/admin).
  Die Token-NAMEN bleiben stabil (--t-gold usw.), damit das Admin-Panel nichts anpassen muss;
  --t-gold ist jetzt Natrium-Bernstein, --t-ember Signalrot, --t-cyan Patina.
  Die Webseite liefert diese Datei unter /assets/shared/tokens.css aus, Fonts unter /assets/fonts/.
*/

@font-face {
  font-family: 'Barlow Condensed';
  src: url('../fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('../fonts/barlow-condensed-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/barlow-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/barlow-latin-500-normal.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/barlow-latin-600-normal.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/jetbrains-mono-latin-wght-normal.woff2') format('woff2');
  font-weight: 100 800;
  font-display: swap;
}

:root {
  /* Beton-Skala */
  --t-beton-950: #0f1011;
  --t-beton-900: #17191a;
  --t-beton-800: #232628;
  --t-beton-700: #2e3133;
  --t-beton-600: #3d4144;
  --t-beton-500: #5a5f62;
  --t-beton-400: #80857f;
  --t-beton-300: #a6a9a2;
  --t-beton-100: #e2e0d6;
  --t-beton-50: #f1eee4;

  /* Flächen */
  --t-bg: var(--t-beton-950);
  --t-bg-2: var(--t-beton-900);
  --t-bg-3: #141516;
  --t-surface: var(--t-beton-900);
  --t-surface-2: var(--t-beton-800);
  --t-surface-solid: var(--t-beton-900);
  --t-border: var(--t-beton-700);
  --t-border-strong: rgba(242, 140, 27, 0.55);

  /* Text */
  --t-text: var(--t-beton-100);
  --t-text-2: var(--t-beton-300);
  --t-text-muted: var(--t-beton-400);
  --t-paper: var(--t-beton-50);

  /* Marke */
  --t-natrium: #f28c1b;
  --t-natrium-light: #ffc978;
  --t-natrium-dark: #c96a0e;
  --t-red: #c1272d;
  --t-red-light: #e0473a;
  --t-red-dark: #8e1b1f;
  --t-patina: #4e8c88;
  --t-patina-light: #8fbdb5;
  --t-ocker: #d9a441;
  --t-brand-grad: linear-gradient(135deg, #ffc978 0%, #f28c1b 48%, #c1272d 100%);

  /* Kompatible Alias-Namen (vom Admin-Panel genutzt) */
  --t-gold: var(--t-natrium);
  --t-gold-light: var(--t-natrium-light);
  --t-ember: var(--t-red);
  --t-gold-grad: var(--t-brand-grad);
  --t-cyan: var(--t-patina-light);

  /* Status (reserviert, immer mit Icon/Label) */
  --t-ok: #3ddc97;
  --t-warn: #ffc547;
  --t-bad: #e0473a;
  --t-info: #8fbdb5;

  /* Typografie */
  --t-font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --t-font-body: 'Barlow', 'Segoe UI', system-ui, sans-serif;
  --t-font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

  /* Form: knappe Ecken, gefaste Kanten statt Pillen */
  --t-radius-s: 2px;
  --t-radius: 3px;
  --t-radius-l: 4px;
  --t-chamfer: 10px;
  --t-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.85);
  --t-glow: 0 0 0 1px rgba(242, 140, 27, 0.35), 0 10px 36px -12px rgba(242, 140, 27, 0.55);

  /* Bewegung */
  --t-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 140ms;
  --t-slow: 500ms;

  color-scheme: dark;
}