/* Approved Relay palette. Accent details do not replace semantic status colors. */
:root, [data-theme="light"] {
  color-scheme: light;
  --brand-background: #FAFAF7;
  --brand-surface: #FFFFFF;
  --brand-surface-muted: #F0F1ED;
  --brand-border: #DADDD7;
  --brand-text: #17221D;
  --brand-text-muted: #657166;
  --brand-primary: #3458D6;
  --brand-primary-hover: #2845AF;
  --brand-primary-text: #FFFFFF;
  --brand-primary-tint: #EDF2FF;
  --brand-focus: #3458D6;
  --brand-accent: #B7D968;
  --brand-accent-tint: #F2F7DE;
  --brand-accent-text: #506520;
  --brand-hero-background: #14201D;
  --brand-hero-text: #FFFFFF;
  --brand-hero-text-muted: #B8C8C0;
  --brand-surface-raised: #FFFFFF;
  --brand-control-border: #657166;
}

[data-theme="dark"] {
  color-scheme: dark;
  --brand-background: #101916;
  --brand-surface: #17231F;
  --brand-surface-raised: #22332B;
  --brand-border: #40584A;
  --brand-control-border: #82988A;
  --brand-text: #ECF2EB;
  --brand-text-muted: #AFBFB3;
  --brand-primary: #86A3FF;
  --brand-primary-hover: #A3B8FF;
  --brand-primary-text: #182442;
  --brand-primary-tint: #243653;
  --brand-focus: #A3B8FF;
  --brand-accent: #B7D968;
  --brand-accent-tint: #2C3821;
  --brand-hero-background: #101916;
  --brand-hero-text: #ECF2EB;
  --brand-hero-text-muted: #AFBFB3;
  --brand-surface-muted: #101916;
  --brand-accent-text: #CEE98A;
}