/* Generated by scripts/design/build_design.py from design/tokens.json. Do not edit. */
:root {
  --c-granite-50: #F3F1EC;
  --c-granite-100: #E8E5DE;
  --c-granite-200: #D6D2C9;
  --c-granite-300: #B9B4AA;
  --c-granite-400: #918C82;
  --c-granite-500: #6E6A62;
  --c-granite-600: #55524C;
  --c-granite-700: #3F3D39;
  --c-granite-800: #2A2927;
  --c-granite-900: #1B1A19;
  --c-laterite-300: #E2977B;
  --c-laterite-500: #B5502F;
  --c-laterite-700: #8C3A20;
  --c-deepa-200: #FCD3A8;
  --c-deepa-300: #F8A95E;
  --c-deepa-500: #E9730E;
  --c-deepa-700: #A04700;
  --c-turmeric-300: #F4CF62;
  --c-turmeric-500: #E2A517;
  --c-turmeric-700: #7E5A00;
  --c-kumkum-300: #F07D97;
  --c-kumkum-500: #B8123B;
  --c-kumkum-700: #8C0A2B;
  --c-kaveri-100: #CFE5E0;
  --c-kaveri-200: #A9D2CA;
  --c-kaveri-300: #76BDB2;
  --c-kaveri-500: #2C8A80;
  --c-kaveri-700: #195E58;
  --c-kaveri-900: #173B40;
  --c-indigo-200: #C5C8F2;
  --c-indigo-300: #9EA3E6;
  --c-indigo-500: #4A4FA8;
  --c-indigo-700: #2D3175;
  --c-indigo-800: #1E2040;
  --c-indigo-850: #191A35;
  --c-indigo-900: #13142A;
  --c-indigo-950: #0D0E1E;
  --c-survey-land: #EDEAE2;
  --c-survey-veg: #DCE2CC;
  --c-survey-built: #E2DDD3;
  --c-survey-land-night: #16172C;
  --c-survey-veg-night: #1B2330;
  --c-survey-built-night: #1D1F36;
  --c-white: #FFFFFF;
  --font-place: "Tiro Kannada", "Noto Serif Kannada", "Noto Serif", serif;
  --font-ui: "Anek Latin", "Anek Kannada", "Noto Sans", "Noto Sans Kannada", system-ui, sans-serif;
  --font-ui-kannada: "Anek Kannada", "Anek Latin", "Noto Sans Kannada", system-ui, sans-serif;
  --type-caption-family: "Anek Latin", "Anek Kannada", "Noto Sans", "Noto Sans Kannada", system-ui, sans-serif;
  --type-caption-weight: 600;
  --type-caption-size: 0.8125rem;
  --type-caption-line: 1.35;
  --type-caption-tracking: 0.04em;
  --type-small-family: "Anek Latin", "Anek Kannada", "Noto Sans", "Noto Sans Kannada", system-ui, sans-serif;
  --type-small-weight: 400;
  --type-small-size: 0.875rem;
  --type-small-line: 1.4;
  --type-small-tracking: 0;
  --type-body-family: "Anek Latin", "Anek Kannada", "Noto Sans", "Noto Sans Kannada", system-ui, sans-serif;
  --type-body-weight: 400;
  --type-body-size: 1rem;
  --type-body-line: 1.5;
  --type-body-tracking: 0;
  --type-body-strong-family: "Anek Latin", "Anek Kannada", "Noto Sans", "Noto Sans Kannada", system-ui, sans-serif;
  --type-body-strong-weight: 600;
  --type-body-strong-size: 1rem;
  --type-body-strong-line: 1.5;
  --type-body-strong-tracking: 0;
  --type-label-family: "Anek Latin", "Anek Kannada", "Noto Sans", "Noto Sans Kannada", system-ui, sans-serif;
  --type-label-weight: 600;
  --type-label-size: 1.0625rem;
  --type-label-line: 1.2;
  --type-label-tracking: 0;
  --type-title-family: "Anek Latin", "Anek Kannada", "Noto Sans", "Noto Sans Kannada", system-ui, sans-serif;
  --type-title-weight: 800;
  --type-title-size: 1.375rem;
  --type-title-line: 1.2;
  --type-title-tracking: -0.005em;
  --type-nav-instruction-family: "Anek Latin", "Anek Kannada", "Noto Sans", "Noto Sans Kannada", system-ui, sans-serif;
  --type-nav-instruction-weight: 800;
  --type-nav-instruction-size: 1.75rem;
  --type-nav-instruction-line: 1.1;
  --type-nav-instruction-tracking: -0.01em;
  --type-place-family: "Tiro Kannada", "Noto Serif Kannada", "Noto Serif", serif;
  --type-place-weight: 400;
  --type-place-size: 1.75rem;
  --type-place-line: 1.2;
  --type-place-tracking: 0;
  --type-place-lg-family: "Tiro Kannada", "Noto Serif Kannada", "Noto Serif", serif;
  --type-place-lg-weight: 400;
  --type-place-lg-size: 2.25rem;
  --type-place-lg-line: 1.15;
  --type-place-lg-tracking: 0;
  --type-era-family: "Tiro Kannada", "Noto Serif Kannada", "Noto Serif", serif;
  --type-era-weight: 400;
  --type-era-size: 1.25rem;
  --type-era-line: 1.25;
  --type-era-tracking: 0;
  --type-place-native-family: "Tiro Kannada", "Noto Serif Kannada", "Noto Serif", serif;
  --type-place-native-weight: 400;
  --type-place-native-size: 1.125rem;
  --type-place-native-line: 1.5;
  --type-place-native-tracking: 0;
  --space-0: 0;
  --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-12: 48px;
  --space-16: 64px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --size-touch: 48px;
  --size-touch-lg: 56px;
  --size-icon: 24px;
  --size-icon-sm: 20px;
  --size-icon-lg: 32px;
  --size-stroke: 1.75px;
  --size-hairline: 1px;
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-sheet: 260ms;
  color-scheme: light;
  --bg: #F3F1EC;
  --surface: #FBFAF7;
  --surface-sunken: #E8E5DE;
  --ink: #1B1A19;
  --ink-soft: #55524C;
  --ink-old: #6E6A62;
  --line: #D6D2C9;
  --line-strong: #918C82;
  --accent: #E9730E;
  --accent-ink: #A04700;
  --on-accent: #1B1A19;
  --accent-wash: #FCD3A8;
  --heritage: #B5502F;
  --heritage-ink: #8C3A20;
  --festival: #E2A517;
  --festival-ink: #7E5A00;
  --festival-mark: #B8123B;
  --festival-mark-ink: #8C0A2B;
  --water: #A9D2CA;
  --water-line: #2C8A80;
  --water-ink: #195E58;
  --epic: #4A4FA8;
  --epic-ink: #2D3175;
  --danger-ink: #8C0A2B;
  --focus: #4A4FA8;
  --scrim: #1B1A1999;
  --map-land: #EDEAE2;
  --map-vegetation: #DCE2CC;
  --map-built: #E2DDD3;
  --map-water: #A9D2CA;
  --map-water-line: #2C8A80;
  --map-road-casing: #B9B4AA;
  --map-road: #FFFFFF;
  --map-road-major: #FBF3E6;
  --map-rail: #6E6A62;
  --map-boundary: #918C82;
  --map-label: #2A2927;
  --map-label-old: #67635B;
  --map-label-water: #195E58;
  --map-label-halo: #EDEAE2;
  --map-landmark: #8C3A20;
  --map-festival-glow: #E2A517;
  --map-route: #E9730E;
  --map-route-casing: #A04700;
  --map-trail: #4A4FA8;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #13142A;
    --surface: #191A35;
    --surface-sunken: #0D0E1E;
    --ink: #F2EFE8;
    --ink-soft: #C4C0B6;
    --ink-old: #A29E94;
    --line: #30335A;
    --line-strong: #6E72A0;
    --accent: #E9730E;
    --accent-ink: #F8A95E;
    --on-accent: #1B1A19;
    --accent-wash: #4A2A10;
    --heritage: #B5502F;
    --heritage-ink: #E2977B;
    --festival: #E2A517;
    --festival-ink: #F4CF62;
    --festival-mark: #F07D97;
    --festival-mark-ink: #F07D97;
    --water: #173B40;
    --water-line: #76BDB2;
    --water-ink: #76BDB2;
    --epic: #9EA3E6;
    --epic-ink: #C5C8F2;
    --danger-ink: #F07D97;
    --focus: #C5C8F2;
    --scrim: #0D0E1ECC;
    --map-land: #16172C;
    --map-vegetation: #1B2330;
    --map-built: #1D1F36;
    --map-water: #173B40;
    --map-water-line: #2C8A80;
    --map-road-casing: #2B2D4D;
    --map-road: #34375C;
    --map-road-major: #4A4462;
    --map-rail: #6B6E95;
    --map-boundary: #555985;
    --map-label: #E6E2D8;
    --map-label-old: #A29E94;
    --map-label-water: #76BDB2;
    --map-label-halo: #16172C;
    --map-landmark: #E2977B;
    --map-festival-glow: #F4CF62;
    --map-route: #E9730E;
    --map-route-casing: #A04700;
    --map-trail: #9EA3E6;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #13142A;
  --surface: #191A35;
  --surface-sunken: #0D0E1E;
  --ink: #F2EFE8;
  --ink-soft: #C4C0B6;
  --ink-old: #A29E94;
  --line: #30335A;
  --line-strong: #6E72A0;
  --accent: #E9730E;
  --accent-ink: #F8A95E;
  --on-accent: #1B1A19;
  --accent-wash: #4A2A10;
  --heritage: #B5502F;
  --heritage-ink: #E2977B;
  --festival: #E2A517;
  --festival-ink: #F4CF62;
  --festival-mark: #F07D97;
  --festival-mark-ink: #F07D97;
  --water: #173B40;
  --water-line: #76BDB2;
  --water-ink: #76BDB2;
  --epic: #9EA3E6;
  --epic-ink: #C5C8F2;
  --danger-ink: #F07D97;
  --focus: #C5C8F2;
  --scrim: #0D0E1ECC;
  --map-land: #16172C;
  --map-vegetation: #1B2330;
  --map-built: #1D1F36;
  --map-water: #173B40;
  --map-water-line: #2C8A80;
  --map-road-casing: #2B2D4D;
  --map-road: #34375C;
  --map-road-major: #4A4462;
  --map-rail: #6B6E95;
  --map-boundary: #555985;
  --map-label: #E6E2D8;
  --map-label-old: #A29E94;
  --map-label-water: #76BDB2;
  --map-label-halo: #16172C;
  --map-landmark: #E2977B;
  --map-festival-glow: #F4CF62;
  --map-route: #E9730E;
  --map-route-casing: #A04700;
  --map-trail: #9EA3E6;
  color-scheme: dark;
}
.theme-light {
  --bg: #F3F1EC;
  --surface: #FBFAF7;
  --surface-sunken: #E8E5DE;
  --ink: #1B1A19;
  --ink-soft: #55524C;
  --ink-old: #6E6A62;
  --line: #D6D2C9;
  --line-strong: #918C82;
  --accent: #E9730E;
  --accent-ink: #A04700;
  --on-accent: #1B1A19;
  --accent-wash: #FCD3A8;
  --heritage: #B5502F;
  --heritage-ink: #8C3A20;
  --festival: #E2A517;
  --festival-ink: #7E5A00;
  --festival-mark: #B8123B;
  --festival-mark-ink: #8C0A2B;
  --water: #A9D2CA;
  --water-line: #2C8A80;
  --water-ink: #195E58;
  --epic: #4A4FA8;
  --epic-ink: #2D3175;
  --danger-ink: #8C0A2B;
  --focus: #4A4FA8;
  --scrim: #1B1A1999;
  --map-land: #EDEAE2;
  --map-vegetation: #DCE2CC;
  --map-built: #E2DDD3;
  --map-water: #A9D2CA;
  --map-water-line: #2C8A80;
  --map-road-casing: #B9B4AA;
  --map-road: #FFFFFF;
  --map-road-major: #FBF3E6;
  --map-rail: #6E6A62;
  --map-boundary: #918C82;
  --map-label: #2A2927;
  --map-label-old: #67635B;
  --map-label-water: #195E58;
  --map-label-halo: #EDEAE2;
  --map-landmark: #8C3A20;
  --map-festival-glow: #E2A517;
  --map-route: #E9730E;
  --map-route-casing: #A04700;
  --map-trail: #4A4FA8;
  color-scheme: light;
}
.theme-dark {
  --bg: #13142A;
  --surface: #191A35;
  --surface-sunken: #0D0E1E;
  --ink: #F2EFE8;
  --ink-soft: #C4C0B6;
  --ink-old: #A29E94;
  --line: #30335A;
  --line-strong: #6E72A0;
  --accent: #E9730E;
  --accent-ink: #F8A95E;
  --on-accent: #1B1A19;
  --accent-wash: #4A2A10;
  --heritage: #B5502F;
  --heritage-ink: #E2977B;
  --festival: #E2A517;
  --festival-ink: #F4CF62;
  --festival-mark: #F07D97;
  --festival-mark-ink: #F07D97;
  --water: #173B40;
  --water-line: #76BDB2;
  --water-ink: #76BDB2;
  --epic: #9EA3E6;
  --epic-ink: #C5C8F2;
  --danger-ink: #F07D97;
  --focus: #C5C8F2;
  --scrim: #0D0E1ECC;
  --map-land: #16172C;
  --map-vegetation: #1B2330;
  --map-built: #1D1F36;
  --map-water: #173B40;
  --map-water-line: #2C8A80;
  --map-road-casing: #2B2D4D;
  --map-road: #34375C;
  --map-road-major: #4A4462;
  --map-rail: #6B6E95;
  --map-boundary: #555985;
  --map-label: #E6E2D8;
  --map-label-old: #A29E94;
  --map-label-water: #76BDB2;
  --map-label-halo: #16172C;
  --map-landmark: #E2977B;
  --map-festival-glow: #F4CF62;
  --map-route: #E9730E;
  --map-route-casing: #A04700;
  --map-trail: #9EA3E6;
  color-scheme: dark;
}

/* Type roles as classes, so markup can say what a text is rather than how it looks. */
.t-caption { font-family: var(--type-caption-family); font-weight: var(--type-caption-weight); font-size: var(--type-caption-size); line-height: var(--type-caption-line); letter-spacing: var(--type-caption-tracking); }
.t-small { font-family: var(--type-small-family); font-weight: var(--type-small-weight); font-size: var(--type-small-size); line-height: var(--type-small-line); letter-spacing: var(--type-small-tracking); }
.t-body { font-family: var(--type-body-family); font-weight: var(--type-body-weight); font-size: var(--type-body-size); line-height: var(--type-body-line); letter-spacing: var(--type-body-tracking); }
.t-body-strong { font-family: var(--type-body-strong-family); font-weight: var(--type-body-strong-weight); font-size: var(--type-body-strong-size); line-height: var(--type-body-strong-line); letter-spacing: var(--type-body-strong-tracking); }
.t-label { font-family: var(--type-label-family); font-weight: var(--type-label-weight); font-size: var(--type-label-size); line-height: var(--type-label-line); letter-spacing: var(--type-label-tracking); }
.t-title { font-family: var(--type-title-family); font-weight: var(--type-title-weight); font-size: var(--type-title-size); line-height: var(--type-title-line); letter-spacing: var(--type-title-tracking); }
.t-nav-instruction { font-family: var(--type-nav-instruction-family); font-weight: var(--type-nav-instruction-weight); font-size: var(--type-nav-instruction-size); line-height: var(--type-nav-instruction-line); letter-spacing: var(--type-nav-instruction-tracking); }
.t-place { font-family: var(--type-place-family); font-weight: var(--type-place-weight); font-size: var(--type-place-size); line-height: var(--type-place-line); letter-spacing: var(--type-place-tracking); }
.t-place-lg { font-family: var(--type-place-lg-family); font-weight: var(--type-place-lg-weight); font-size: var(--type-place-lg-size); line-height: var(--type-place-lg-line); letter-spacing: var(--type-place-lg-tracking); }
.t-era { font-family: var(--type-era-family); font-weight: var(--type-era-weight); font-size: var(--type-era-size); line-height: var(--type-era-line); letter-spacing: var(--type-era-tracking); }
.t-place-native { font-family: var(--type-place-native-family); font-weight: var(--type-place-native-weight); font-size: var(--type-place-native-size); line-height: var(--type-place-native-line); letter-spacing: var(--type-place-native-tracking); }