/* Code generiert durch KI - Claude Opus 5.5, am 14.10.2026
   Code überprüft durch NK

   Carma Lager – Design-Tokens aus dem Design-System CARMA INSIDE (Quelle: design/tokens.css).
   Abweichung zur Quelle: Roboto Mono wird selbst gehostet statt von Google Fonts geladen (DSGVO, siehe Handoff.md).
   Theme per Attribut: <html data-theme="dark"> (Standard) oder data-theme="light". */

@font-face {
  font-family: "Roboto Mono";
  src: url("../fonts/RobotoMono-Variable.ttf") format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

:root,
[data-theme="dark"] {
  --bg: #000000;
  --surface: #0A1416;
  --surface-strong: #274D56;
  --text: #61C3D9;
  --text-strong: #FFFFFF;
  --text-muted: rgba(97, 195, 217, 0.65);
  --link: #61C3D9;
  --accent: #61C3D9;
  --on-accent: #000000;
  --line: rgba(97, 195, 217, 0.65);
  --line-subtle: #274D56;
  --focus: #61C3D9;
  --success: #7BD88F;
  --warning: #F2C14E;
  --danger: #FF8A65;
  --info: #61C3D9;
  --overlay: rgba(0, 0, 0, 0.75);
  --gradient-card: linear-gradient(277grad, #274D56 0%, #000000 70%);
}

[data-theme="light"] {
  --bg: #FFFFFF;
  --surface: #F3F9FB;
  --surface-strong: #E1F1F5;
  --text: #274D56;
  --text-strong: #000000;
  --text-muted: #4F6C73;
  --link: #17707F;
  --accent: #61C3D9;
  --on-accent: #000000;
  --line: #5E8A94;
  --line-subtle: #CFE6EC;
  --focus: #17707F;
  --success: #1E7A3C;
  --warning: #8A5A00;
  --danger: #B3261E;
  --info: #17707F;
  --overlay: rgba(10, 20, 22, 0.45);
  --gradient-card: linear-gradient(277grad, #E1F1F5 0%, #FFFFFF 70%);
}

:root {
  --font-mono: "Roboto Mono", ui-monospace, monospace;

  --type-display: 400 54px/47px var(--font-mono);
  --type-headline: 500 26px/32px var(--font-mono);
  --type-accent: 500 18px/21px var(--font-mono);
  --type-primary: 400 16px/21px var(--font-mono);
  --type-text: 400 14px/21px var(--font-mono);
  --type-nav: 700 14px/21px var(--font-mono);
  --type-secondary: 400 12px/21px var(--font-mono);

  --space-10: 10px;
  --space-15: 15px;
  --space-20: 20px;
  --space-25: 25px;
  --space-60: 60px;
  --space-100: 100px;
  --space-120: 120px;

  --radius-0: 0px;
  --stroke-hairline: 0.8px;
  --stroke-active: 3px;

  --container-max: 1666px;
  --breakpoint-mobile: 769px;
  --touch-min: 44px;
}
/* Ende KI Code */