/* Shared design tokens — Tranquilix & Breeze marketing sites */
:root {
  --palette-canvas: #fbf9f4;
  --palette-primary: #504d49;
  --palette-secondary: #78746d;
  --palette-tertiary: #9d9995;
  --palette-text-muted: #9a9287;
  --palette-card: #f4f1eb;
  --palette-card-elevated: #faf7ef;
  --palette-card-selected: #e1d6c2;
  --palette-border: #d8cebb;
  --palette-border-strong: #c8baa6;
  --palette-brand-accent: #2f6d94;
  --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: #fbf9f4;
  --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: #eee8dc;
    --palette-secondary: #b7aea0;
    --palette-tertiary: #918d88;
    --palette-text-muted: #746e64;
    --palette-card: #1f1e1c;
    --palette-card-elevated: #292622;
    --palette-card-selected: #322d25;
    --palette-border: #34312d;
    --palette-border-strong: #4a453e;
    --palette-brand-accent: #66a2cc;
    --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;
}