/* Mapped colors - Veloscenie */
:root {
  --surface: #FAF8FF;
  --routes-bike: #E68701;
  --containers-neutral: #D9E2FF;
  --containers-neutral-2: #EEEDF4;
  --containers-neutral-variant: #F4F3FA;
  --containers-neutral-hover: #DAD9E0;
  --containers-on-neutral: #1A1B20;
  --containers-primary: #D9E2FF;
  --containers-on-primary: #2E4578;
  --containers-secondary: #FFDEA2;
  --containers-on-secondary: #5C4200;
  --badge-bg-primary: #D9E2FF;
  --on-surface: #1A1B20;
  --button-primary-bg: #465D92;
  --button-primary-bg-hover: #2E4578;
  --button-primary-on-bg: #FFFFFF;
  --button-secondary-bg: #78590C;
  --button-secondary-bg-hover: #5C4200;
  --button-secondary-on-bg: #FFFFFF;
  --button-outlined-stroke: #1A1B20;
  --button-outlined-on-bg: #1A1B20;
  --button-outlined-bg-hover: #1A1B201A;
  --button-text-on-bg: #1A1B20;
  --button-text-bg-hover: #D9E2FF;
  --chips-bg: #F0F4F8;
  --chips-on-bg: #1A1B20;
  --chips-bg-hover: #E8E7EF;
  --chips-on-bg-active: #FAF8FF;
  --chips-bg-active: #004C6B;
  --chips-bg-elevated: #FAF8FF;
  --chips-bg-hover-elevated: #E8E7EF;
  --filter-active-bg: #F0F4F8;
  --filter-active-on-bg: #1A1B20;
  --filter-active-bg-hover: #E8E7EF;
  --badge-bg-white: #FAF8FF;
  --badge-bg-black: #1A1B20;
  --badge-on-bg: #1A1B20;
  --badge-on-bg-black: #FAF8FF;
  --badge-bg-important: #FFDAD6;
  --pagination-on-bg: #1A1B20;
  --pagination-bg-active: #1A1B20;
  --pagination-on-bg-active: #FAF8FF;
  --pagination-bg-disabled: #E8E7EF;
  --pagination-bg-hover: #E8E7EF;
  --pagination-on-bg-disabled: #1A1B20;
  --forms-placeholder: #757780;
  --forms-placeholder-white: #FAF8FFCC;
  --forms-input-bg: #FAF8FF;
  --forms-input-stroke: #757780;
  --forms-input-stroke-active: #1A1B20;
  --forms-on-bg: #1A1B20;
  --forms-bg-checked: #FFDEA2;
  --forms-bg: #FAF8FF;
  --forms-bg-hover: #E8E7EF;
  --tabs-filled-on-bg: #44464F;
  --tabs-filled-bg: #EEEDF4;
  --tabs-filled-bg-active: #2E4578;
  --tabs-filled-on-bg-active: #FAF8FF;
  --tabs-filled-bg-hover: #E2E2E9;
  --tabs-filled-on-bg-hover: #44464F;
  --tags-default-bg: #E8E7EF;
  --tags-primary: #D9E2FF;
  --tags-default-on-bg: #1A1B20;
  --tags-secondary: #FFDEA2;
  --separator: #C5C6D0;
  --menus-bg: #FAF8FF;
  --menus-on-bg: #1A1B20;
  --shadow-5: #0000000D;
  --menus-bg-hover: #D9E2FF;
  --menus-destructive: #BA1A1A;
  --menus-destructive-hover: #FFDAD6;
  --menus-on-destructive-hover: #930009;
  --menus-disabled: #757780;
  --shadow-10: #0000001A;
  --shadow-50: #00000080;
  --accent: #BB9B5B;
  --delete: #930009;
  --note: #FFC400;
  --link: #465D92;
  --text-variant-primary: #465D92;
  --text-variant-secondary: #78590C;
  --text-highlight-primary: #D9E2FF;
  --text-highlight-secondary: #FFDEA2;
  --snackbar-bg: #FAF8FF;
  --snackbar-bg-error: #FFDAD6;
  --snackbar-bg-success: #E3F6D4;
  --snackbar-on-bg: #1A1B20;
  --toggle-on-bg: #1A1B20;
  --toggle-bg-disabled: #E8E7EF;
  --toggle-bg-active: #FFDEA2;
  --button-shaded-bg: #1A1B2080;
  --button-shaded-bg-hover: #1A1B20A6;
  --button-shaded-on-container: #FAF8FF;
  --tags-new-bg: #BA1A1A;
  --tags-new-on-bg: #FFFFFF;
  --tags-official-bg: #D9E2FF;
  --tags-official-on-bg: #465D92;
  --tags-dark-bg: #465D92;
  --tags-dark-on-bg: #FFFFFF;
  --button-dark-bg: #2E4578;
  --button-dark-bg-hover: #1A1B20;
  --button-dark-on-bg: #FAF8FF;
  --button-desctructive-bg: #BA1A1A;
  --button-desctructive-bg-hover: #930009;
  --button-desctructive-on-container: #FFFFFF;
  --tags-white-bg: #FAF8FF;
  --tags-white-on-bg: #1A1B20;
  --button-white-bg: #FAF8FF;
  --button-white-bg-hover: #EEEDF4;
  --button-white-on-bg: #1A1B20;
}