/* Breeze app colors: breeze/constants/appPalette.ts and constants/colors.ts. */
:root {
  --palette-canvas: #fbf9f4;
  --palette-primary: #504d49;
  --palette-secondary: #78746d;
  --palette-tertiary: #9d9a95;
  --palette-text-muted: #9a9287;
  --palette-card: #f4f1eb;
  --palette-card-elevated: #fffdf8;
  --palette-card-selected: #e1d6c2;
  --palette-border: #d8cebb;
  --palette-border-strong: #c8baa6;
  --palette-brand-accent: #33aaff;
  --palette-accent-soft: #d7e8ef;
  --palette-primary-button-text: #fbf9f4;
  --palette-on-accent-soft: #2d4854;
  --palette-top-bar-icon: #5f5a52;
  --palette-text-on-dark-media: #fffaf0;
  --palette-favorite-on-media: #fffaf0;
  --palette-disabled: #afa79b;
  --shared-accent-label-color: #ffffff;
  --shared-nav-tab-light-on-home-color: #ffffff;
  --shared-nav-tab-light-off-home-color: #3c3935;
  --shared-nav-tab-inactive-color: #7a766f;
  --shared-splash-bg-light: #fbf9f4;
  --shared-splash-bg-dark: #151413;
  --shared-android-icon-bg: #ebe3d0;
}

@media (prefers-color-scheme: dark) {
  :root {
    --palette-canvas: #151413;
    --palette-primary: #f3f0ea;
    --palette-secondary: #b7aea0;
    --palette-tertiary: #938e85;
    --palette-text-muted: #746e64;
    --palette-card: #1f1f1c;
    --palette-card-elevated: #292622;
    --palette-card-selected: #322d25;
    --palette-border: #34312d;
    --palette-border-strong: #4a453e;
    --palette-brand-accent: #33aaff;
    --palette-accent-soft: #22323a;
    --palette-primary-button-text: #151413;
    --palette-on-accent-soft: #d9eaf0;
    --palette-top-bar-icon: #b7aea0;
    --palette-text-on-dark-media: #fffaf0;
    --palette-favorite-on-media: #fffaf0;
    --palette-disabled: #746e64;
  }
}

html {
  color-scheme: light dark;
}