/* Erzeugt aus design/tokens.json – nicht von Hand ändern.
   Neu erzeugen: python3 tools/make-tokens.py · prüfen: python3 tools/make-tokens.py --check
   roadoo – Designsprache „Landpartie“ 1.0.0
   Hell und Dunkel folgen dem System; [data-theme="light|dark|night"] legt den Modus für ein Element
   und alles darin fest (night = Fahrmodus nachts). */
:root {
  --font-rounded: ui-rounded, "SF Pro Rounded", "Google Sans Flex", Nunito, system-ui, sans-serif;
  --font-text: system-ui, -apple-system, "Google Sans Flex", Roboto, sans-serif;
  --type-display: 800 34px/40px var(--font-rounded);
  --type-display-tracking: -0.4px;
  --type-title1: 800 28px/34px var(--font-rounded);
  --type-title1-tracking: -0.3px;
  --type-title2: 700 22px/28px var(--font-rounded);
  --type-title2-tracking: -0.2px;
  --type-headline: 700 17px/22px var(--font-rounded);
  --type-headline-tracking: 0px;
  --type-body: 400 17px/24px var(--font-text);
  --type-body-tracking: 0px;
  --type-callout: 500 15px/21px var(--font-text);
  --type-callout-tracking: 0px;
  --type-footnote: 500 13px/18px var(--font-text);
  --type-footnote-tracking: 0px;
  --type-label: 700 13px/16px var(--font-rounded);
  --type-label-tracking: 0.1px;
  --type-micro: 700 11px/13px var(--font-rounded);
  --type-micro-tracking: 0.2px;
  --number-hero: 800 64px/64px var(--font-rounded);
  --number-large: 800 44px/48px var(--font-rounded);
  --number-medium: 800 28px/32px var(--font-rounded);
  --number-small: 700 17px/22px var(--font-rounded);
  --number-unit-scale: 0.5;
  --number-unit-weight: 600;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-button: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-14: 56px;
  --space-18: 72px;
  --space-screen-gutter: 20px;
  --space-card-padding: 16px;
  --space-stack: 12px;
  --space-section: 32px;
  --size-touch-min: 44px;
  --size-touch-drive: 56px;
  --size-touch-drive-primary: 64px;
  --size-button-height: 52px;
  --size-button-height-drive: 64px;
  --size-chip-height: 36px;
  --size-search-field-height: 52px;
  --size-tab-bar-height: 64px;
  --size-icon-small: 16px;
  --size-icon: 24px;
  --size-icon-large: 32px;
  --size-icon-stroke: 1.75px;
  --size-avatar: 36px;
  --duration-instant: 90ms;
  --duration-quick: 160ms;
  --duration-base: 240ms;
  --duration-gentle: 360ms;
  --duration-slow: 600ms;
  --duration-draw: 1200ms;
  --duration-breath: 1600ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-roll-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-curve: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --spring-gentle: linear(0, 0.05, 0.164, 0.302, 0.441, 0.568, 0.677, 0.766, 0.836, 0.889, 0.929, 0.957, 0.976, 0.989, 0.997, 1.001, 1.004, 1.005, 1.005, 1.005, 1.004, 1.003, 1.003, 1);
  --spring-gentle-duration: 580ms;
  --spring-bouncy: linear(0, 0.095, 0.304, 0.539, 0.747, 0.906, 1.009, 1.064, 1.083, 1.079, 1.063, 1.044, 1.025, 1.011, 1.001, 0.996, 0.993, 0.993, 0.994, 0.996, 0.998, 0.999, 1, 1);
  --spring-bouncy-duration: 620ms;
  --spring-snappy: linear(0, 0.046, 0.15, 0.277, 0.407, 0.528, 0.633, 0.721, 0.793, 0.849, 0.892, 0.925, 0.949, 0.967, 0.979, 0.988, 0.993, 0.997, 0.999, 1.001, 1.001, 1.001, 1.002, 1);
  --spring-snappy-duration: 310ms;
}
:root, [data-theme="light"] {
  color-scheme: light;
  --color-background-base: #F6F3EC;
  --color-background-surface: #FFFDF9;
  --color-background-elevated: #FFFFFF;
  --color-background-fill: #ECE6DA;
  --color-background-line: #E3DCCF;
  --color-text-primary: #24211D;
  --color-text-secondary: #625A50;
  --color-text-tertiary: #736A5F;
  --color-text-inverse: #F6F3EC;
  --color-ink-selected: #24211D;
  --color-accent-fill: #F2A335;
  --color-accent-on-fill: #2A1A04;
  --color-accent-text: #9C5A00;
  --color-accent-soft: #FBE7C4;
  --color-tour-line: #8B3C8C;
  --color-tour-casing: #FFFFFF;
  --color-tour-line-muted: #8B3C8C8C;
  --color-tour-text: #6E2F72;
  --color-tour-soft: #F3E6F1;
  --color-tour-cluster: #8B3C8C;
  --color-tour-on-cluster: #FFFFFF;
  --color-marker-start: #3F8A55;
  --color-marker-finish: #24211D;
  --color-marker-position: #3F8A55;
  --color-marker-ring: #FFFFFF;
  --color-highlight-einkehr: #8A5233;
  --color-highlight-aussicht: #2E7650;
  --color-highlight-foto: #2A6E99;
  --color-highlight-pass: #B5442A;
  --color-highlight-tipp: #5E6773;
  --color-highlight-warnung: #BF2D3A;
  --color-highlight-on-marker: #FFFFFF;
  --color-curviness-calm: #6E9A6B;
  --color-curviness-flowing: #948A2A;
  --color-curviness-curvy: #B9770F;
  --color-curviness-very-curvy: #C95A1F;
  --color-curviness-hairpins: #A13522;
  --color-curviness-none: #E4DCCD;
  --color-signal-success: #2F7546;
  --color-signal-warning: #A15F00;
  --color-signal-danger: #BF2D3A;
  --color-signal-info: #2A6E99;
  --color-drive-maneuver: #1F5A41;
  --color-drive-on-maneuver: #FFF7EC;
  --color-drive-passed: #B5ACA0;
  --map-land: #F2EEE4;
  --map-acker: #EFEADF;
  --map-wald: #D9E2CB;
  --map-wiese: #E4EAD5;
  --map-wasser: #BFD5DF;
  --map-wasser-text: #4F7A90;
  --map-gebaeude: #E6DFD2;
  --map-siedlung: #EBE5DA;
  --map-strasse-klein: #FFFFFF;
  --map-strasse-klein-rand: #E0D8CA;
  --map-landstrasse: #FFFFFF;
  --map-landstrasse-rand: #CDBFA8;
  --map-bundesstrasse: #FBF1D9;
  --map-bundesstrasse-rand: #D6BF92;
  --map-autobahn: #E7E0D3;
  --map-autobahn-rand: #D2C8B6;
  --map-grenze: #B7A6BD;
  --map-text: #5E564C;
  --map-text-halo: #F2EEE4;
  --map-gipfel: #6B5E50;
  --shadow-card: 0 1px 2px #3A281410, 0 4px 14px #3A28140F;
  --shadow-floating: 0 8px 24px #3A28141F;
  --shadow-sheet: 0 -6px 30px #3A281424;
  --shadow-accent: 0 6px 16px #9C5A0040;
  --shadow-top-highlight: transparent;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --color-background-base: #161412;
    --color-background-surface: #201D1A;
    --color-background-elevated: #2B2723;
    --color-background-fill: #2E2A25;
    --color-background-line: #36312B;
    --color-text-primary: #F4EEE5;
    --color-text-secondary: #B5ACA0;
    --color-text-tertiary: #8E8579;
    --color-text-inverse: #161412;
    --color-ink-selected: #F4EEE5;
    --color-accent-fill: #F5B04A;
    --color-accent-on-fill: #2A1A04;
    --color-accent-text: #F5B04A;
    --color-accent-soft: #4A3618;
    --color-tour-line: #D79AD3;
    --color-tour-casing: #161412;
    --color-tour-line-muted: #D79AD38C;
    --color-tour-text: #D79AD3;
    --color-tour-soft: #3A2638;
    --color-tour-cluster: #D79AD3;
    --color-tour-on-cluster: #161412;
    --color-marker-start: #7CC68E;
    --color-marker-finish: #F4EEE5;
    --color-marker-position: #7CC68E;
    --color-marker-ring: #161412;
    --color-highlight-einkehr: #D9A784;
    --color-highlight-aussicht: #85C9A0;
    --color-highlight-foto: #8BC0E3;
    --color-highlight-pass: #F28A68;
    --color-highlight-tipp: #B6BFCA;
    --color-highlight-warnung: #FF7F86;
    --color-highlight-on-marker: #1A1612;
    --color-curviness-calm: #9CC79A;
    --color-curviness-flowing: #CFC66A;
    --color-curviness-curvy: #F0BE5E;
    --color-curviness-very-curvy: #F59A5E;
    --color-curviness-hairpins: #F2775A;
    --color-curviness-none: #3A342D;
    --color-signal-success: #7CC68E;
    --color-signal-warning: #F0BE5E;
    --color-signal-danger: #FF7F86;
    --color-signal-info: #8BC0E3;
    --color-drive-maneuver: #1E4A37;
    --color-drive-on-maneuver: #FFF7EC;
    --color-drive-passed: #5A534B;
    --map-land: #1F1D1A;
    --map-acker: #211F1B;
    --map-wald: #1E2620;
    --map-wiese: #222820;
    --map-wasser: #17262E;
    --map-wasser-text: #7FA3B5;
    --map-gebaeude: #2A2622;
    --map-siedlung: #25221E;
    --map-strasse-klein: #34302A;
    --map-strasse-klein-rand: #1F1D1A;
    --map-landstrasse: #4A443C;
    --map-landstrasse-rand: #1F1D1A;
    --map-bundesstrasse: #5A5040;
    --map-bundesstrasse-rand: #1F1D1A;
    --map-autobahn: #38332D;
    --map-autobahn-rand: #1F1D1A;
    --map-grenze: #5E4F63;
    --map-text: #A89F92;
    --map-text-halo: #1F1D1A;
    --map-gipfel: #B5AA9B;
    --shadow-card: none;
    --shadow-floating: 0 8px 24px #00000073;
    --shadow-sheet: 0 -6px 30px #00000080;
    --shadow-accent: none;
    --shadow-top-highlight: #FFF0DC0F;
  }
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-background-base: #161412;
  --color-background-surface: #201D1A;
  --color-background-elevated: #2B2723;
  --color-background-fill: #2E2A25;
  --color-background-line: #36312B;
  --color-text-primary: #F4EEE5;
  --color-text-secondary: #B5ACA0;
  --color-text-tertiary: #8E8579;
  --color-text-inverse: #161412;
  --color-ink-selected: #F4EEE5;
  --color-accent-fill: #F5B04A;
  --color-accent-on-fill: #2A1A04;
  --color-accent-text: #F5B04A;
  --color-accent-soft: #4A3618;
  --color-tour-line: #D79AD3;
  --color-tour-casing: #161412;
  --color-tour-line-muted: #D79AD38C;
  --color-tour-text: #D79AD3;
  --color-tour-soft: #3A2638;
  --color-tour-cluster: #D79AD3;
  --color-tour-on-cluster: #161412;
  --color-marker-start: #7CC68E;
  --color-marker-finish: #F4EEE5;
  --color-marker-position: #7CC68E;
  --color-marker-ring: #161412;
  --color-highlight-einkehr: #D9A784;
  --color-highlight-aussicht: #85C9A0;
  --color-highlight-foto: #8BC0E3;
  --color-highlight-pass: #F28A68;
  --color-highlight-tipp: #B6BFCA;
  --color-highlight-warnung: #FF7F86;
  --color-highlight-on-marker: #1A1612;
  --color-curviness-calm: #9CC79A;
  --color-curviness-flowing: #CFC66A;
  --color-curviness-curvy: #F0BE5E;
  --color-curviness-very-curvy: #F59A5E;
  --color-curviness-hairpins: #F2775A;
  --color-curviness-none: #3A342D;
  --color-signal-success: #7CC68E;
  --color-signal-warning: #F0BE5E;
  --color-signal-danger: #FF7F86;
  --color-signal-info: #8BC0E3;
  --color-drive-maneuver: #1E4A37;
  --color-drive-on-maneuver: #FFF7EC;
  --color-drive-passed: #5A534B;
  --map-land: #1F1D1A;
  --map-acker: #211F1B;
  --map-wald: #1E2620;
  --map-wiese: #222820;
  --map-wasser: #17262E;
  --map-wasser-text: #7FA3B5;
  --map-gebaeude: #2A2622;
  --map-siedlung: #25221E;
  --map-strasse-klein: #34302A;
  --map-strasse-klein-rand: #1F1D1A;
  --map-landstrasse: #4A443C;
  --map-landstrasse-rand: #1F1D1A;
  --map-bundesstrasse: #5A5040;
  --map-bundesstrasse-rand: #1F1D1A;
  --map-autobahn: #38332D;
  --map-autobahn-rand: #1F1D1A;
  --map-grenze: #5E4F63;
  --map-text: #A89F92;
  --map-text-halo: #1F1D1A;
  --map-gipfel: #B5AA9B;
  --shadow-card: none;
  --shadow-floating: 0 8px 24px #00000073;
  --shadow-sheet: 0 -6px 30px #00000080;
  --shadow-accent: none;
  --shadow-top-highlight: #FFF0DC0F;
}
[data-theme="night"] {
  color-scheme: dark;
  --color-background-base: #0E0D0C;
  --color-background-surface: #1A1816;
  --color-background-elevated: #1A1816;
  --color-background-fill: #1A1816;
  --color-background-line: #36312B;
  --color-text-primary: #FFF7EC;
  --color-text-secondary: #C9BFB2;
  --color-text-tertiary: #8E8579;
  --color-text-inverse: #0E0D0C;
  --color-ink-selected: #FFF7EC;
  --color-accent-fill: #F5B04A;
  --color-accent-on-fill: #2A1A04;
  --color-accent-text: #F5B04A;
  --color-accent-soft: #4A3618;
  --color-tour-line: #E3A8DD;
  --color-tour-casing: #0E0D0C;
  --color-tour-line-muted: #E3A8DD8C;
  --color-tour-text: #E3A8DD;
  --color-tour-soft: #3A2638;
  --color-tour-cluster: #E3A8DD;
  --color-tour-on-cluster: #0E0D0C;
  --color-marker-start: #7CC68E;
  --color-marker-finish: #FFF7EC;
  --color-marker-position: #7CC68E;
  --color-marker-ring: #0E0D0C;
  --color-highlight-einkehr: #D9A784;
  --color-highlight-aussicht: #85C9A0;
  --color-highlight-foto: #8BC0E3;
  --color-highlight-pass: #F28A68;
  --color-highlight-tipp: #B6BFCA;
  --color-highlight-warnung: #FF7F86;
  --color-highlight-on-marker: #1A1612;
  --color-curviness-calm: #9CC79A;
  --color-curviness-flowing: #CFC66A;
  --color-curviness-curvy: #F0BE5E;
  --color-curviness-very-curvy: #F59A5E;
  --color-curviness-hairpins: #F2775A;
  --color-curviness-none: #3A342D;
  --color-signal-success: #7CC68E;
  --color-signal-warning: #F0BE5E;
  --color-signal-danger: #FF7F86;
  --color-signal-info: #8BC0E3;
  --color-drive-maneuver: #1E4A37;
  --color-drive-on-maneuver: #FFF7EC;
  --color-drive-passed: #4A443D;
  --map-land: #141311;
  --map-acker: #151412;
  --map-wald: #161C17;
  --map-wiese: #171C16;
  --map-wasser: #111D24;
  --map-wasser-text: #6F93A5;
  --map-gebaeude: #1E1B18;
  --map-siedlung: #1A1815;
  --map-strasse-klein: #2C2924;
  --map-strasse-klein-rand: #141311;
  --map-landstrasse: #3E3933;
  --map-landstrasse-rand: #141311;
  --map-bundesstrasse: #4B4337;
  --map-bundesstrasse-rand: #141311;
  --map-autobahn: #2F2B26;
  --map-autobahn-rand: #141311;
  --map-grenze: #4A3F4E;
  --map-text: #9C9386;
  --map-text-halo: #141311;
  --map-gipfel: #A89D8F;
  --shadow-card: none;
  --shadow-floating: 0 8px 24px #00000073;
  --shadow-sheet: 0 -6px 30px #00000080;
  --shadow-accent: none;
  --shadow-top-highlight: #FFF0DC0F;
}