/* GENERATED by flutter_app/tool/design_tokens_test.dart from
   flutter_app/lib/theme.dart. Do not edit; run `make design-tokens`.
   Colours are the resolved Material 3 scheme plus the named theme
   constants; sizes are dp, written as px at 1:1. */
:root {

  /* colour scheme (Theme.of(context).colorScheme) */
  --primary: #FF385C;
  --on-primary: #FFFFFF;
  --primary-container: #FFDADA;
  --on-primary-container: #723338;
  --secondary: #222222;
  --on-secondary: #FFFFFF;
  --secondary-container: #FFDADA;
  --on-secondary-container: #5D3F40;
  --tertiary: #008489;
  --on-tertiary: #FFFFFF;
  --tertiary-container: #FFDDB3;
  --on-tertiary-container: #5C421A;
  --error: #CC0000;
  --on-error: #FFFFFF;
  --error-container: #FFDAD6;
  --on-error-container: #93000A;
  --surface: #FFFFFF;
  --on-surface: #1A1D2E;
  --on-surface-variant: #6E7787;
  --surface-dim: #E7D6D6;
  --surface-bright: #FFF8F7;
  --surface-container-lowest: #FFFFFF;
  --surface-container-low: #FFF0F0;
  --surface-container: #FCEAEA;
  --surface-container-high: #F6E4E4;
  --surface-container-highest: #FFFFFF;
  --outline: #857373;
  --outline-variant: #D7C1C2;
  --inverse-surface: #382E2E;
  --on-inverse-surface: #FFEDEC;
  --inverse-primary: #FFB2B6;
  --shadow: #000000;
  --scrim: #000000;

  /* named colours in lib/theme.dart */
  --bg-gradient-top: #FCF7F9;
  --bg-gradient-bottom: #F8F4F8;
  --success-foreground: #247C3D;
  --success-surface: #E2F4E7;
  --pending-foreground: #92400E;
  --pending-surface: #FFFBEB;
  --outside-city-veil: rgba(0, 0, 0, 0.251);
  --map-area-stroke: rgba(245, 158, 11, 0.6);
  --map-area-fill: rgba(245, 158, 11, 0.2);
  --map-area-circle-fill: rgba(245, 158, 11, 0.133);
  --map-area-foreground: #B45309;
  --primary-text: #B0003A;

  /* Material grey (the theme uses its shades for borders and switches) */
  --grey-50: #FAFAFA;
  --grey-100: #F5F5F5;
  --grey-200: #EEEEEE;
  --grey-300: #E0E0E0;
  --grey-400: #BDBDBD;
  --grey-500: #9E9E9E;
  --grey-600: #757575;
  --grey-700: #616161;
  --grey-800: #424242;
  --grey-900: #212121;

  /* components (theme.dart component themes) */
  --card-radius: 18px;
  --card-border: 1px solid #EEEEEE;
  --card-bg: #FFFFFF;
  --button-radius: 14px;
  --filled-button-bg: #FF385C;
  --filled-button-fg: #FFFFFF;
  --filled-button-disabled-bg: #EEEEEE;
  --filled-button-disabled-fg: #6E7787;
  --filled-button-padding: 10px 24px 10px 24px;
  --filled-button-font: 600 15px;
  --outlined-button-fg: #1A1D2E;
  --outlined-button-border: 1px solid #E0E0E0;
  --outlined-button-padding: 15px 24px 15px 24px;
  --outlined-button-font: 500 15px;
  --text-button-fg: #FF385C;
  --input-radius: 14px;
  --input-bg: #FFFFFF;
  --input-border: 1px solid #E0E0E0;
  --input-focus-border: 2px solid #1A1D2E;
  --input-padding: 14px 16px 14px 16px;
  --app-bar-bg: #FCF7F9;
  --app-bar-fg: #1A1D2E;
  --app-bar-scrolled-shadow: rgba(0, 0, 0, 0.078);
  --divider: #EEEEEE;
  --segmented-bg: #FFFFFF;
  --segmented-fg: #6E7787;
  --segmented-selected-bg: rgba(255, 56, 92, 0.122);
  --segmented-selected-fg: #B0003A;
  --segmented-border: #E0E0E0;
  --chip-radius: 10px;
  --chip-selected-bg: rgba(255, 56, 92, 0.122);
  --chip-check: #FF385C;
  --fab-bg: #FF385C;
  --fab-fg: #FFFFFF;
  --switch-off-thumb: #757575;
  --switch-off-track: #E0E0E0;
  --switch-off-outline: #BDBDBD;
  --switch-on-thumb: #FFFFFF;
  --switch-on-track: #FF385C;
  --switch-on-outline: rgba(0, 0, 0, 0);
  --switch-disabled-off-thumb: #9E9E9E;
  --switch-disabled-off-track: #EEEEEE;
  --switch-disabled-off-outline: #BDBDBD;
  --switch-disabled-on-thumb: #FFFFFF;
  --switch-disabled-on-track: #9E9E9E;
  --switch-disabled-on-outline: #BDBDBD;

  /* type scale (Theme.of(context).textTheme): weight size/line-height */
  --display-large: 400 57px/63.84px;
  --display-large-tracking: -0.25px;
  --display-medium: 400 45px/52.2px;
  --display-medium-tracking: 0;
  --display-small: 400 36px/43.92px;
  --display-small-tracking: 0;
  --headline-large: 400 32px/40px;
  --headline-large-tracking: 0;
  --headline-medium: 400 28px/36.12px;
  --headline-medium-tracking: 0;
  --headline-small: 400 24px/31.92px;
  --headline-small-tracking: 0;
  --title-large: 400 22px/27.94px;
  --title-large-tracking: 0;
  --title-medium: 500 16px/24px;
  --title-medium-tracking: 0.15px;
  --title-small: 500 14px/20.02px;
  --title-small-tracking: 0.1px;
  --body-large: 400 16px/24px;
  --body-large-tracking: 0.5px;
  --body-medium: 400 14px/20.02px;
  --body-medium-tracking: 0.25px;
  --body-small: 400 12px/15.96px;
  --body-small-tracking: 0.4px;
  --label-large: 500 14px/20.02px;
  --label-large-tracking: 0.1px;
  --label-medium: 500 12px/15.96px;
  --label-medium-tracking: 0.5px;
  --label-small: 500 11px/15.95px;
  --label-small-tracking: 0.5px;
}
