/* Generated by `cargo xtask tokens` from design/tokens/bert.tokens.json. Do not edit. */

:root {
  color-scheme: light dark;
  --accent: #1F5348;
  --accent-container: #D5E8DF;
  --danger: #B3261E;
  --member-1: #2E6B5A;
  --member-2: #6B4FA0;
  --member-3: #7A6400;
  --member-4: #2F6690;
  --member-5: #8C4A6B;
  --member-6: #5E6B2E;
  --member-7: #0F6B78;
  --member-8: #4A5568;
  --money-negative: #A8402A;
  --money-neutral: #10241F;
  --money-positive: #1B6B45;
  --on-accent: #FFFFFF;
  --on-accent-container: #0B3027;
  --on-member: #FFFFFF;
  --on-surface: #10241F;
  --on-surface-variant: #56675F;
  --outline: #DCE5E0;
  --outline-strong: #7A8C84;
  --private: #5A4A8C;
  --private-container: #ECE8F7;
  --success: #1B6B45;
  --surface: #FFFFFF;
  --surface-grouped: #F3F7F4;
  --surface-row: #FFFFFF;
  --warning: #8A5300;
  --warning-container: #FCEFD6;
  --mascot-cheek: #F2B9A1;
  --mascot-face: #1F5348;
  --mascot-fill: #D3E6DB;
  --mascot-outline: #1F5348;

  --space-1: 4px;
  --space-row-gap: 6px;
  --space-2: 8px;
  --space-row-padding: 12px;
  --space-3: 12px;
  --space-screen-margin: 16px;
  --space-4: 16px;
  --space-5: 20px;
  --space-screen-margin-wide: 24px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  --motion-reduced: 150ms;
  --motion-short: 150ms;
  --motion-medium: 250ms;
  --motion-long: 400ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --accent: #8FD1BA;
    --accent-container: #24453B;
    --danger: #FFB4AB;
    --member-1: #6FC2A9;
    --member-2: #B9A3F0;
    --member-3: #E3D45F;
    --member-4: #8DBBE6;
    --member-5: #E3A0C2;
    --member-6: #B5C77A;
    --member-7: #7FCFDB;
    --member-8: #9FB0C8;
    --money-negative: #FFA28C;
    --money-neutral: #E4ECE8;
    --money-positive: #7FD6A4;
    --on-accent: #0A2C23;
    --on-accent-container: #CBEBDD;
    --on-member: #0E1513;
    --on-surface: #E4ECE8;
    --on-surface-variant: #A2B2AB;
    --outline: #2C3934;
    --outline-strong: #6F827A;
    --private: #C9BBFF;
    --private-container: #2E2748;
    --success: #7FD6A4;
    --surface: #0E1513;
    --surface-grouped: #17201D;
    --surface-row: #1F2A26;
    --warning: #F0C46C;
    --warning-container: #3A2E12;
    --mascot-cheek: #A68A79;
    --mascot-face: #0F2A24;
    --mascot-fill: #3F7D6D;
    --mascot-outline: #BFE0D2;
  }
}