/** * Generated from design/tokens.json by `make design-tokens`. Do not edit. */ :root { --color-palette-neutral-0: #FFFFFF; --color-palette-neutral-50: #EEF2F5; --color-palette-neutral-100: #E1E7EC; --color-palette-neutral-200: #C8D1D9; --color-palette-neutral-300: #A3B0BC; --color-palette-neutral-400: #7A8896; --color-palette-neutral-500: #5A6875; --color-palette-neutral-600: #46525E; --color-palette-neutral-700: #333D47; --color-palette-neutral-800: #222A32; --color-palette-neutral-850: #1A2129; --color-palette-neutral-900: #151B21; --color-palette-neutral-950: #0F1419; --color-palette-petrol-50: #E4F0F2; --color-palette-petrol-100: #C2DDE2; --color-palette-petrol-200: #8DC0CA; --color-palette-petrol-300: #5BA2B1; --color-palette-petrol-400: #348595; --color-palette-petrol-500: #1A6C7D; --color-palette-petrol-600: #105A69; --color-palette-petrol-700: #0C4855; --color-palette-petrol-800: #0A3842; --color-palette-petrol-900: #072A32; --color-palette-amber-50: #FFF5DB; --color-palette-amber-100: #FDE6AC; --color-palette-amber-200: #F9D27A; --color-palette-amber-300: #F2BB45; --color-palette-amber-400: #E0A21A; --color-palette-amber-500: #C4880A; --color-palette-amber-600: #9A6A00; --color-palette-amber-700: #7A5300; --color-palette-amber-800: #5E4000; --color-palette-amber-900: #402B00; --color-palette-red-50: #FDEDEB; --color-palette-red-100: #F9D0CB; --color-palette-red-200: #F2A79F; --color-palette-red-300: #EB7F73; --color-palette-red-400: #DE5547; --color-palette-red-500: #C43B2E; --color-palette-red-600: #A32D21; --color-palette-red-700: #842219; --color-palette-red-800: #641911; --color-palette-red-900: #45110B; --color-palette-green-50: #E6F4EB; --color-palette-green-100: #C1E4CD; --color-palette-green-200: #8FCDA6; --color-palette-green-300: #5AB37F; --color-palette-green-400: #2F9A5F; --color-palette-green-500: #1F8049; --color-palette-green-600: #18693C; --color-palette-green-700: #125430; --color-palette-green-800: #0D4024; --color-palette-green-900: #082C18; --color-palette-blue-50: #E9F0FB; --color-palette-blue-100: #C9DBF5; --color-palette-blue-200: #9CBDEB; --color-palette-blue-300: #6E9EDF; --color-palette-blue-400: #4580CF; --color-palette-blue-500: #2C66B5; --color-palette-blue-600: #22529A; --color-palette-blue-700: #1B427D; --color-palette-blue-800: #143260; --color-palette-blue-900: #0D2244; --color-palette-sienna-300: #E09A72; --color-palette-sienna-400: #D27B4D; --color-palette-sienna-600: #9C4A22; --color-palette-sienna-700: #7E3A19; --color-palette-gold-300: #E8C35C; --color-palette-gold-400: #D9AA2B; --color-palette-gold-600: #8C6400; --color-palette-gold-700: #6E4E00; --color-palette-indigo-300: #93A6E0; --color-palette-indigo-400: #7189D3; --color-palette-indigo-600: #3B54A0; --color-palette-indigo-700: #2E4282; --color-palette-leaf-300: #7CC48A; --color-palette-leaf-400: #56AE67; --color-palette-leaf-600: #2D7A3B; --color-palette-leaf-700: #22612E; --color-palette-slate-300: #AAB4BE; --color-palette-slate-400: #8D99A5; --color-palette-slate-600: #566370; --color-palette-slate-700: #43505C; --color-bg: #FFFFFF; --color-surface: #FFFFFF; --color-surface-sunken: #EEF2F5; --color-surface-inverse: #151B21; --color-text: #151B21; --color-text-muted: #46525E; --color-text-inverse: #FFFFFF; --color-text-link: #105A69; --color-border: #C8D1D9; --color-border-strong: #5A6875; --color-focus: #0A3842; --color-focus-halo: #F2BB45; --color-primary: #105A69; --color-primary-hover: #0C4855; --color-primary-pressed: #0A3842; --color-on-primary: #FFFFFF; --color-primary-subtle: #E4F0F2; --color-danger: #A32D21; --color-danger-hover: #842219; --color-on-danger: #FFFFFF; --color-danger-subtle: #FDEDEB; --color-warning: #7A5300; --color-warning-subtle: #FFF5DB; --color-warning-border: #E0A21A; --color-success: #18693C; --color-success-subtle: #E6F4EB; --color-info: #22529A; --color-info-subtle: #E9F0FB; --color-disabled: #E1E7EC; --color-on-disabled: #5A6875; --color-scrim: #0F141999; --color-photo-base: #A3B0BC; --color-photo-shade: #5A6875; --color-photo-light: #E1E7EC; --color-photo-marker: #151B21; --color-photo-on-marker: #FFFFFF; --color-map-land: #EEF2F5; --color-map-block: #E1E7EC; --color-map-road: #FFFFFF; --color-map-road-major: #FDE6AC; --color-map-road-casing: #C8D1D9; --color-map-water: #C9DBF5; --color-map-park: #C1E4CD; --color-map-label: #46525E; --color-map-boundary: #1A6C7D; --color-map-cluster: #0C4855; --color-map-on-cluster: #FFFFFF; --color-map-cluster-ring: #FFFFFF; --color-map-me: #2C66B5; --color-map-accuracy-fill: #2C66B529; --color-map-accuracy-stroke: #22529A; --color-status-report-submitted-fg: #333D47; --color-status-report-submitted-bg: #EEF2F5; --color-status-report-submitted-border: #A3B0BC; --color-status-report-queued-fg: #0A3842; --color-status-report-queued-bg: #E4F0F2; --color-status-report-queued-border: #5BA2B1; --color-status-report-processing-fg: #1B427D; --color-status-report-processing-bg: #E9F0FB; --color-status-report-processing-border: #6E9EDF; --color-status-report-needs-moderation-fg: #5E4000; --color-status-report-needs-moderation-bg: #FFF5DB; --color-status-report-needs-moderation-border: #E0A21A; --color-status-report-published-fg: #125430; --color-status-report-published-bg: #E6F4EB; --color-status-report-published-border: #5AB37F; --color-status-report-rejected-fg: #842219; --color-status-report-rejected-bg: #FDEDEB; --color-status-report-rejected-border: #EB7F73; --color-status-issue-open-fg: #5E4000; --color-status-issue-open-bg: #FFF5DB; --color-status-issue-open-border: #E0A21A; --color-status-issue-acknowledged-fg: #1B427D; --color-status-issue-acknowledged-bg: #E9F0FB; --color-status-issue-acknowledged-border: #6E9EDF; --color-status-issue-in-progress-fg: #0C4855; --color-status-issue-in-progress-bg: #E4F0F2; --color-status-issue-in-progress-border: #5BA2B1; --color-status-issue-resolved-fg: #125430; --color-status-issue-resolved-bg: #E6F4EB; --color-status-issue-resolved-border: #5AB37F; --color-status-issue-not-actionable-fg: #333D47; --color-status-issue-not-actionable-bg: #EEF2F5; --color-status-issue-not-actionable-border: #A3B0BC; --color-status-issue-merged-fg: #333D47; --color-status-issue-merged-bg: #FFFFFF; --color-status-issue-merged-border: #7A8896; --color-category-waste: #9C4A22; --color-category-street-lighting: #8C6400; --color-category-roads: #3B54A0; --color-category-green: #2D7A3B; --color-category-other: #566370; --color-category-on-category: #FFFFFF; --color-chart-series-1: #105A69; --color-chart-series-2: #9A6A00; --color-chart-score: #105A69; --color-chart-track: #E1E7EC; --color-mobile-bg: #F8F3EA; --color-mobile-surface: #FFFCF7; --color-mobile-surface-sunken: #F0E7D9; --color-mobile-text: #30251F; --color-mobile-text-muted: #67594C; --color-mobile-text-link: #932F26; --color-mobile-primary: #932F26; --color-mobile-primary-hover: #7D251F; --color-mobile-primary-pressed: #672019; --color-mobile-primary-subtle: #F9E5DD; --color-mobile-on-primary: #FFFCF7; --color-mobile-border: #DDD0BC; --color-mobile-border-strong: #8B7761; --color-mobile-focus: #932F26; --color-mobile-gold: #E7B641; --color-mobile-on-gold: #49310B; --color-mobile-gold-subtle: #FFF0C2; --color-mobile-xp: #7141A0; --color-mobile-art-disc: #FFFFFF; /** Disc behind illustrations (avatars, badges): the art is drawn for a light background in both themes. */ --color-mobile-map-land: #EDE7D9; --color-mobile-map-block: #DDD3C0; --color-mobile-map-park: #C7D5B1; --color-mobile-map-water: #BBD8DF; --color-mobile-map-road: #FFFCF7; --color-mobile-map-road-major: #FFF6E5; --color-mobile-map-road-casing: #C6B89E; --color-mobile-map-label: #534A3D; --color-mobile-map-cluster: #30251F; --color-mobile-map-on-cluster: #FFFFFF; --color-mobile-map-cluster-ring: #FFFCF7; --color-mobile-category-waste: #6B4A2F; --font-family-base: 'Atkinson Hyperlegible Next', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --font-family-app: Nunito, Fredoka, 'Atkinson Hyperlegible Next', sans-serif; /** Citizen app body text: Nunito (headings use app-display, Fredoka). The Fredoka-body trial ended on 2026-10-12. */ --font-family-app-display: Fredoka, Nunito, sans-serif; --font-weight-regular: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --font-size-app-caption: 1rem; --font-size-app-body: 1.125rem; --font-size-app-body-lg: 1.25rem; --font-size-app-title: 1.375rem; --font-size-app-headline: 1.75rem; --font-size-app-display: 2.125rem; --font-size-console-caption: 0.8125rem; --font-size-console-small: 0.875rem; --font-size-console-body: 0.9375rem; --font-size-console-title: 1.0625rem; --font-size-console-headline: 1.3125rem; --font-size-console-display: 1.75rem; --font-line-height-tight: 1.2; --font-line-height-snug: 1.35; --font-line-height-body: 1.5; --font-letter-spacing-normal: 0; --font-letter-spacing-wide: 0.01em; --space-0: 0; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --size-touch-min: 3rem; --size-touch-min-console: 2.75rem; --size-control-app: 3.5rem; --size-control-console: 2.5rem; --size-control-console-compact: 2rem; --size-icon-sm: 1rem; --size-icon-md: 1.25rem; --size-icon-lg: 1.5rem; --size-icon-xl: 2rem; --size-tab-bar: 4.5rem; --size-app-bar: 4rem; --size-console-sidebar: 14.5rem; --size-console-header: 3.5rem; --size-pin: 2.75rem; /** Map pin plate; also its touch target (≥ 44 pt). */ --size-pin-cluster: 3rem; --size-avatar: 2.5rem; --size-content-max: 80rem; --size-measure: 38em; --size-frame-app-width: 24.375rem; --size-frame-app-height: 52.75rem; --size-frame-console-width: 90rem; --size-frame-console-height: 56.25rem; --radius-none: 0; --radius-sm: 2px; --radius-md: 4px; --radius-lg: 8px; --radius-round: 50%; /** Only for map pins, avatars and status dots — never buttons. */ --radius-app-control: 16px; --radius-app-card: 20px; --radius-app-sheet: 28px; --radius-pill: 999px; --border-width-hairline: 1px; --border-width-strong: 2px; --border-width-rail: 4px; --border-width-focus: 3px; --focus-offset: 2px; --shadow-raised: 0px 1px 2px 0px #0F14191F; --shadow-overlay: 0px 8px 24px 0px #0F141929; --shadow-pin: 0px 2px 4px 0px #0F141959; --shadow-app-card: 0px 4px 14px 0px #30251F14; --shadow-app-button: 0px 4px 8px 0px #67201930; --blur-photo: 14px; /** Visual blur on photo placeholders in mockups. Real photos are blurred server-side; the UI never shows an unblurred published photo. */ --motion-duration-fast: 120ms; --motion-duration-base: 200ms; --motion-duration-slow: 320ms; --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); --opacity-disabled: 0.5; --z-base: 0; --z-sticky: 10; --z-overlay: 100; --z-toast: 200; --breakpoint-sm: 480px; --breakpoint-md: 768px; --breakpoint-lg: 1024px; --breakpoint-xl: 1440px; --stroke-dash: 6px; --stroke-gap: 4px; } [data-theme="dark"] { --color-bg: #0F1419; --color-surface: #151B21; --color-surface-sunken: #0F1419; --color-surface-inverse: #EEF2F5; --color-text: #EEF2F5; --color-text-muted: #A3B0BC; --color-text-inverse: #151B21; --color-text-link: #8DC0CA; --color-border: #333D47; --color-border-strong: #7A8896; --color-focus: #F2BB45; --color-focus-halo: #0A3842; --color-primary: #8DC0CA; --color-primary-hover: #C2DDE2; --color-primary-pressed: #E4F0F2; --color-on-primary: #0F1419; --color-primary-subtle: #072A32; --color-danger: #EB7F73; --color-danger-hover: #F2A79F; --color-on-danger: #0F1419; --color-danger-subtle: #45110B; --color-warning: #F2BB45; --color-warning-subtle: #402B00; --color-warning-border: #9A6A00; --color-success: #5AB37F; --color-success-subtle: #082C18; --color-info: #6E9EDF; --color-info-subtle: #0D2244; --color-disabled: #222A32; --color-on-disabled: #7A8896; --color-scrim: #000000B3; --color-photo-base: #46525E; --color-photo-shade: #222A32; --color-photo-light: #7A8896; --color-photo-marker: #EEF2F5; --color-photo-on-marker: #0F1419; --color-map-land: #151B21; --color-map-block: #1A2129; --color-map-road: #333D47; --color-map-road-major: #5E4000; --color-map-road-casing: #222A32; --color-map-water: #0D2244; --color-map-park: #082C18; --color-map-label: #A3B0BC; --color-map-boundary: #5BA2B1; --color-map-cluster: #8DC0CA; --color-map-on-cluster: #0F1419; --color-map-cluster-ring: #0F1419; --color-map-me: #6E9EDF; --color-map-accuracy-fill: #6E9EDF33; --color-map-accuracy-stroke: #6E9EDF; --color-status-report-submitted-fg: #E1E7EC; --color-status-report-submitted-bg: #222A32; --color-status-report-submitted-border: #5A6875; --color-status-report-queued-fg: #C2DDE2; --color-status-report-queued-bg: #072A32; --color-status-report-queued-border: #1A6C7D; --color-status-report-processing-fg: #C9DBF5; --color-status-report-processing-bg: #0D2244; --color-status-report-processing-border: #4580CF; --color-status-report-needs-moderation-fg: #FDE6AC; --color-status-report-needs-moderation-bg: #402B00; --color-status-report-needs-moderation-border: #C4880A; --color-status-report-published-fg: #C1E4CD; --color-status-report-published-bg: #082C18; --color-status-report-published-border: #2F9A5F; --color-status-report-rejected-fg: #F9D0CB; --color-status-report-rejected-bg: #45110B; --color-status-report-rejected-border: #DE5547; --color-status-issue-open-fg: #FDE6AC; --color-status-issue-open-bg: #402B00; --color-status-issue-open-border: #C4880A; --color-status-issue-acknowledged-fg: #C9DBF5; --color-status-issue-acknowledged-bg: #0D2244; --color-status-issue-acknowledged-border: #4580CF; --color-status-issue-in-progress-fg: #C2DDE2; --color-status-issue-in-progress-bg: #072A32; --color-status-issue-in-progress-border: #348595; --color-status-issue-resolved-fg: #C1E4CD; --color-status-issue-resolved-bg: #082C18; --color-status-issue-resolved-border: #2F9A5F; --color-status-issue-not-actionable-fg: #E1E7EC; --color-status-issue-not-actionable-bg: #222A32; --color-status-issue-not-actionable-border: #5A6875; --color-status-issue-merged-fg: #E1E7EC; --color-status-issue-merged-bg: #151B21; --color-status-issue-merged-border: #7A8896; --color-category-waste: #E09A72; --color-category-street-lighting: #E8C35C; --color-category-roads: #93A6E0; --color-category-green: #7CC48A; --color-category-other: #AAB4BE; --color-category-on-category: #0F1419; --color-chart-series-1: #8DC0CA; --color-chart-series-2: #F2BB45; --color-chart-score: #8DC0CA; --color-chart-track: #222A32; --color-mobile-bg: #121A26; --color-mobile-surface: #1C2635; --color-mobile-surface-sunken: #253244; --color-mobile-text: #F6EFE4; --color-mobile-text-muted: #C4C9D2; --color-mobile-text-link: #FF9C92; --color-mobile-primary: #FF9C92; --color-mobile-primary-hover: #FFB3AB; --color-mobile-primary-pressed: #FFC9C3; --color-mobile-primary-subtle: #3A2533; --color-mobile-on-primary: #3B0D0A; --color-mobile-border: #3A485C; --color-mobile-border-strong: #93A0B4; --color-mobile-focus: #F7C95C; --color-mobile-gold: #F7C95C; --color-mobile-on-gold: #3A2906; --color-mobile-gold-subtle: #2D2A33; --color-mobile-xp: #C9AEF5; --color-mobile-art-disc: #F6EFE4; /** Disc behind illustrations: warm off-white so the art keeps its colours on the dark theme. */ --color-mobile-map-land: #172130; --color-mobile-map-block: #212D3E; --color-mobile-map-park: #1D3631; --color-mobile-map-water: #18304A; --color-mobile-map-road: #33404F; --color-mobile-map-road-major: #6A5532; --color-mobile-map-road-casing: #0E141D; --color-mobile-map-label: #E9E1D3; --color-mobile-map-cluster: #F6EFE4; --color-mobile-map-on-cluster: #1C2635; --color-mobile-map-cluster-ring: #1C2635; --color-mobile-category-waste: #C9A27E; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --color-bg: #0F1419; --color-surface: #151B21; --color-surface-sunken: #0F1419; --color-surface-inverse: #EEF2F5; --color-text: #EEF2F5; --color-text-muted: #A3B0BC; --color-text-inverse: #151B21; --color-text-link: #8DC0CA; --color-border: #333D47; --color-border-strong: #7A8896; --color-focus: #F2BB45; --color-focus-halo: #0A3842; --color-primary: #8DC0CA; --color-primary-hover: #C2DDE2; --color-primary-pressed: #E4F0F2; --color-on-primary: #0F1419; --color-primary-subtle: #072A32; --color-danger: #EB7F73; --color-danger-hover: #F2A79F; --color-on-danger: #0F1419; --color-danger-subtle: #45110B; --color-warning: #F2BB45; --color-warning-subtle: #402B00; --color-warning-border: #9A6A00; --color-success: #5AB37F; --color-success-subtle: #082C18; --color-info: #6E9EDF; --color-info-subtle: #0D2244; --color-disabled: #222A32; --color-on-disabled: #7A8896; --color-scrim: #000000B3; --color-photo-base: #46525E; --color-photo-shade: #222A32; --color-photo-light: #7A8896; --color-photo-marker: #EEF2F5; --color-photo-on-marker: #0F1419; --color-map-land: #151B21; --color-map-block: #1A2129; --color-map-road: #333D47; --color-map-road-major: #5E4000; --color-map-road-casing: #222A32; --color-map-water: #0D2244; --color-map-park: #082C18; --color-map-label: #A3B0BC; --color-map-boundary: #5BA2B1; --color-map-cluster: #8DC0CA; --color-map-on-cluster: #0F1419; --color-map-cluster-ring: #0F1419; --color-map-me: #6E9EDF; --color-map-accuracy-fill: #6E9EDF33; --color-map-accuracy-stroke: #6E9EDF; --color-status-report-submitted-fg: #E1E7EC; --color-status-report-submitted-bg: #222A32; --color-status-report-submitted-border: #5A6875; --color-status-report-queued-fg: #C2DDE2; --color-status-report-queued-bg: #072A32; --color-status-report-queued-border: #1A6C7D; --color-status-report-processing-fg: #C9DBF5; --color-status-report-processing-bg: #0D2244; --color-status-report-processing-border: #4580CF; --color-status-report-needs-moderation-fg: #FDE6AC; --color-status-report-needs-moderation-bg: #402B00; --color-status-report-needs-moderation-border: #C4880A; --color-status-report-published-fg: #C1E4CD; --color-status-report-published-bg: #082C18; --color-status-report-published-border: #2F9A5F; --color-status-report-rejected-fg: #F9D0CB; --color-status-report-rejected-bg: #45110B; --color-status-report-rejected-border: #DE5547; --color-status-issue-open-fg: #FDE6AC; --color-status-issue-open-bg: #402B00; --color-status-issue-open-border: #C4880A; --color-status-issue-acknowledged-fg: #C9DBF5; --color-status-issue-acknowledged-bg: #0D2244; --color-status-issue-acknowledged-border: #4580CF; --color-status-issue-in-progress-fg: #C2DDE2; --color-status-issue-in-progress-bg: #072A32; --color-status-issue-in-progress-border: #348595; --color-status-issue-resolved-fg: #C1E4CD; --color-status-issue-resolved-bg: #082C18; --color-status-issue-resolved-border: #2F9A5F; --color-status-issue-not-actionable-fg: #E1E7EC; --color-status-issue-not-actionable-bg: #222A32; --color-status-issue-not-actionable-border: #5A6875; --color-status-issue-merged-fg: #E1E7EC; --color-status-issue-merged-bg: #151B21; --color-status-issue-merged-border: #7A8896; --color-category-waste: #E09A72; --color-category-street-lighting: #E8C35C; --color-category-roads: #93A6E0; --color-category-green: #7CC48A; --color-category-other: #AAB4BE; --color-category-on-category: #0F1419; --color-chart-series-1: #8DC0CA; --color-chart-series-2: #F2BB45; --color-chart-score: #8DC0CA; --color-chart-track: #222A32; --color-mobile-bg: #121A26; --color-mobile-surface: #1C2635; --color-mobile-surface-sunken: #253244; --color-mobile-text: #F6EFE4; --color-mobile-text-muted: #C4C9D2; --color-mobile-text-link: #FF9C92; --color-mobile-primary: #FF9C92; --color-mobile-primary-hover: #FFB3AB; --color-mobile-primary-pressed: #FFC9C3; --color-mobile-primary-subtle: #3A2533; --color-mobile-on-primary: #3B0D0A; --color-mobile-border: #3A485C; --color-mobile-border-strong: #93A0B4; --color-mobile-focus: #F7C95C; --color-mobile-gold: #F7C95C; --color-mobile-on-gold: #3A2906; --color-mobile-gold-subtle: #2D2A33; --color-mobile-xp: #C9AEF5; --color-mobile-art-disc: #F6EFE4; /** Disc behind illustrations: warm off-white so the art keeps its colours on the dark theme. */ --color-mobile-map-land: #172130; --color-mobile-map-block: #212D3E; --color-mobile-map-park: #1D3631; --color-mobile-map-water: #18304A; --color-mobile-map-road: #33404F; --color-mobile-map-road-major: #6A5532; --color-mobile-map-road-casing: #0E141D; --color-mobile-map-label: #E9E1D3; --color-mobile-map-cluster: #F6EFE4; --color-mobile-map-on-cluster: #1C2635; --color-mobile-map-cluster-ring: #1C2635; --color-mobile-category-waste: #C9A27E; } } .screen-app { --color-bg: var(--color-mobile-bg); --color-surface: var(--color-mobile-surface); --color-surface-sunken: var(--color-mobile-surface-sunken); --color-text: var(--color-mobile-text); --color-text-muted: var(--color-mobile-text-muted); --color-text-link: var(--color-mobile-text-link); --color-primary: var(--color-mobile-primary); --color-primary-hover: var(--color-mobile-primary-hover); --color-primary-pressed: var(--color-mobile-primary-pressed); --color-primary-subtle: var(--color-mobile-primary-subtle); --color-on-primary: var(--color-mobile-on-primary); --color-border: var(--color-mobile-border); --color-border-strong: var(--color-mobile-border-strong); --color-focus: var(--color-mobile-focus); --color-gold: var(--color-mobile-gold); --color-on-gold: var(--color-mobile-on-gold); --color-gold-subtle: var(--color-mobile-gold-subtle); --color-xp: var(--color-mobile-xp); --color-art-disc: var(--color-mobile-art-disc); --color-map-land: var(--color-mobile-map-land); --color-map-block: var(--color-mobile-map-block); --color-map-park: var(--color-mobile-map-park); --color-map-water: var(--color-mobile-map-water); --color-map-road: var(--color-mobile-map-road); --color-map-road-major: var(--color-mobile-map-road-major); --color-map-road-casing: var(--color-mobile-map-road-casing); --color-map-label: var(--color-mobile-map-label); --color-map-cluster: var(--color-mobile-map-cluster); --color-map-on-cluster: var(--color-mobile-map-on-cluster); --color-map-cluster-ring: var(--color-mobile-map-cluster-ring); --color-category-waste: var(--color-mobile-category-waste); }