/* CARmove — generated from design/tokens.json, nicht von Hand ändern */

:root {
  --ground: #F1F0EC;
  --surface: #FFFFFF;
  --surface-sunken: #ECEBE6;
  --ink: #15181D;
  --ink-muted: #585F69;
  --line: #DDDBD4;
  --line-strong: #A2A6AC;
  --chrome: #101318;
  --chrome-raised: #1C2129;
  --on-chrome: #EDEFF2;
  --on-chrome-muted: #9AA3AF;
  --chrome-line: rgba(237,239,242,.09);
  --menu: #FFFFFF;
  --menu-raised: #ECEBE6;
  --menu-ink: #15181D;
  --menu-ink-muted: #585F69;
  --menu-line: #DDDBD4;
  --brand: #FF6A1A;
  --brand-strong: #F05A0A;
  --brand-text: #B4460B;
  --brand-tint: #FCE9DC;
  --on-brand: #160D07;
  --accent: #FF6A1A;
  --on-accent: #160D07;
  --ok: #1B7A48;
  --ok-tint: #E1F2E7;
  --ok-line: #A9D7BB;
  --warn: #8F5600;
  --warn-tint: #F9EDD3;
  --warn-line: #E4C78A;
  --danger: #B3261E;
  --danger-tint: #FAE2DF;
  --danger-line: #EDB1AB;
  --on-danger: #FFFFFF;
  --info: #2358A6;
  --info-tint: #E2EBF8;
  --info-line: #A9C2E6;
  --focus: #2358A6;
  --dataviz-gelb-dunkel: #C9871A;
  --dataviz-blau: #2A78D6;
  --grid-dot: rgba(21,24,29,.06);
  --yard-ground: #E7E5DF;
  --yard-asphalt: #D9D7D0;
  --yard-line: #80858C;
  --yard-building: #C6C3BA;
  --yard-show: #CFCCC4;
  --yard-grid: rgba(21,24,29,.06);
  --y-car-ink: #FFFFFF;
  --shadow-card: 0 1px 2px rgba(21,24,29,.05);
  --shadow-float: 0 16px 40px rgba(21,24,29,.18);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --ground: #0B0D12;
    --surface: #12161D;
    --surface-sunken: #0D1015;
    --ink: #E8ECF1;
    --ink-muted: #96A0AD;
    --line: #222934;
    --line-strong: #3A4452;
    --chrome: #07090C;
    --chrome-raised: #151A22;
    --on-chrome: #E8ECF1;
    --on-chrome-muted: #8F99A6;
    --chrome-line: rgba(232,236,241,.08);
    --menu: #07090C;
    --menu-raised: #151A22;
    --menu-ink: #E8ECF1;
    --menu-ink-muted: #8F99A6;
    --menu-line: rgba(232,236,241,.08);
    --brand: #FF6A1A;
    --brand-strong: #FF8240;
    --brand-text: #FF8A4C;
    --brand-tint: #2A170C;
    --on-brand: #160D07;
    --accent: #FF6A1A;
    --on-accent: #160D07;
    --ok: #5FCF8F;
    --ok-tint: #10291C;
    --ok-line: #1F5136;
    --warn: #F0B64A;
    --warn-tint: #2E220B;
    --warn-line: #5A4316;
    --danger: #FF8A80;
    --danger-tint: #351816;
    --danger-line: #6A2C27;
    --on-danger: #1A0B0A;
    --info: #7FB0FF;
    --info-tint: #122238;
    --info-line: #24426B;
    --focus: #7FB0FF;
    --dataviz-gelb-dunkel: #C9871A;
    --dataviz-blau: #5B9BE8;
    --grid-dot: rgba(232,236,241,.045);
    --yard-ground: #0D1015;
    --yard-asphalt: #171C24;
    --yard-line: #4E5A6B;
    --yard-building: #232B36;
    --yard-show: #1E2530;
    --yard-grid: rgba(232,236,241,.04);
    --y-car-ink: #0B0D12;
    --shadow-card: none;
    --shadow-float: 0 16px 40px rgba(0,0,0,.6);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --ground: #0B0D12;
  --surface: #12161D;
  --surface-sunken: #0D1015;
  --ink: #E8ECF1;
  --ink-muted: #96A0AD;
  --line: #222934;
  --line-strong: #3A4452;
  --chrome: #07090C;
  --chrome-raised: #151A22;
  --on-chrome: #E8ECF1;
  --on-chrome-muted: #8F99A6;
  --chrome-line: rgba(232,236,241,.08);
  --menu: #07090C;
  --menu-raised: #151A22;
  --menu-ink: #E8ECF1;
  --menu-ink-muted: #8F99A6;
  --menu-line: rgba(232,236,241,.08);
  --brand: #FF6A1A;
  --brand-strong: #FF8240;
  --brand-text: #FF8A4C;
  --brand-tint: #2A170C;
  --on-brand: #160D07;
  --accent: #FF6A1A;
  --on-accent: #160D07;
  --ok: #5FCF8F;
  --ok-tint: #10291C;
  --ok-line: #1F5136;
  --warn: #F0B64A;
  --warn-tint: #2E220B;
  --warn-line: #5A4316;
  --danger: #FF8A80;
  --danger-tint: #351816;
  --danger-line: #6A2C27;
  --on-danger: #1A0B0A;
  --info: #7FB0FF;
  --info-tint: #122238;
  --info-line: #24426B;
  --focus: #7FB0FF;
  --dataviz-gelb-dunkel: #C9871A;
  --dataviz-blau: #5B9BE8;
  --grid-dot: rgba(232,236,241,.045);
  --yard-ground: #0D1015;
  --yard-asphalt: #171C24;
  --yard-line: #4E5A6B;
  --yard-building: #232B36;
  --yard-show: #1E2530;
  --yard-grid: rgba(232,236,241,.04);
  --y-car-ink: #0B0D12;
  --shadow-card: none;
  --shadow-float: 0 16px 40px rgba(0,0,0,.6);
  color-scheme: dark;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --sidebar-width: 224px;
  --menu-schmal: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --font-sans: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-display: "Archivo", "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}

.display-hero { font-family: var(--font-display); font-size: 44px; line-height: 45px; font-weight: 700; letter-spacing: -0.035em; }
.display-xl { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; }
.display-m { font-family: var(--font-display); font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: -0.01em; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 600; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 19px; font-weight: 400; }
.input { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 400; }
.eyebrow { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.12em; }
.label { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.1em; }
.mono { font-family: var(--font-mono); font-size: 13px; line-height: 19px; font-weight: 500; }
.number-xl { font-family: var(--font-sans); font-size: 36px; line-height: 40px; font-weight: 700; letter-spacing: -0.02em; }
.number-m { font-family: var(--font-sans); font-size: 20px; line-height: 24px; font-weight: 700; }