/* Generated by tools/sync_tokens.py from releaf.mapp/lib/app/theme. Do not edit by hand. */
:root {
  /* CustomColors */
  --color-primary: #43566D;
  --color-on-primary: #FFFFFF;
  --color-primary-container: #DCE5EE;
  --color-on-primary-container: #213549;
  --color-secondary: #65758A;
  --color-on-secondary: #FFFFFF;
  --color-secondary-container: #E3E8EE;
  --color-on-secondary-container: #283747;
  --color-tertiary: #4A90E2;
  --color-on-tertiary: #FFFFFF;
  --color-tertiary-container: #D8EAFA;
  --color-on-tertiary-container: #0B365D;
  --color-error: #F25F5F;
  --color-on-error: #FFFFFF;
  --color-error-container: #FDEAEA;
  --color-on-error-container: #661B24;
  --color-surface: #F6F8FA;
  --color-white: #FFFFFF;
  --color-surface-dim: #E1E6EB;
  --color-surface-container-low: #F1F4F6;
  --color-surface-container: #EBEFF3;
  --color-surface-container-high: #E5EAEE;
  --color-surface-container-highest: #DCE3E8;
  --color-on-surface: #1B2530;
  --color-on-surface-variant: #526171;
  --color-outline: #637282;
  --color-outline-variant: #C4CDD5;
  --color-shadow: #101820;
  --color-scrim: #151D26;
  --color-inverse-surface: #2B3642;
  --color-on-inverse-surface: #F3F6F8;
  --color-inverse-primary: #B6C8DA;

  /* AppSize */
  --space-1: 1px;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-36: 36px;
  --space-42: 42px;
  --space-48: 48px;
  --space-60: 60px;
  --space-80: 80px;

  /* AppRadius */
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-20: 20px;

  /* AppShadows (scheme.shadow with alpha 60 and 70) */
  --shadow-card: 0 1px 2px rgb(16 24 32 / 0.235);
  --shadow-link: 0 1px 2px rgb(16 24 32 / 0.275);

  /* AppGradients */
  --gradient-dark-card: linear-gradient(to left, var(--color-primary), var(--color-scrim));
  --gradient-dark-card-reversed: linear-gradient(to left, var(--color-scrim), var(--color-primary));
  --gradient-app-bar: linear-gradient(to bottom, var(--color-surface-container), var(--color-surface));
}