/* Brand palette — see /BRAND.md at the repo root. Adapted from the source
   colors.css to also respond to this site's manual [data-theme] toggle
   (theme.js), not just prefers-color-scheme: the media query below is a
   no-JS fallback; the [data-theme='dark'] block (highest specificity by
   source order) is what the toggle actually flips. */
:root,
[data-theme='light'] {
  --wp-blue: #1D4ED8;
  --wp-teal: #0D9488;
  --wp-amber: #D97706;
  --wp-green: #15803D;
  --wp-purple: #7C3AED;
  --wp-red: #DC2626;
  --wp-orange: #EA580C;
  --wp-text-primary: #1A1A18;
  --wp-text-secondary: #6B6B66;
  --wp-line: #9A9A94;
  --wp-bg: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --wp-blue: #3B82F6;
    --wp-teal: #14B8A6;
    --wp-amber: #F59E0B;
    --wp-green: #22C55E;
    --wp-purple: #A78BFA;
    --wp-red: #F87171;
    --wp-orange: #FB923C;
    --wp-text-primary: #F5F5F4;
    --wp-text-secondary: #A1A1AA;
    --wp-line: rgba(255, 255, 255, 0.3);
    --wp-bg: #161616;
  }
}
[data-theme='dark'] {
  --wp-blue: #3B82F6;
  --wp-teal: #14B8A6;
  --wp-amber: #F59E0B;
  --wp-green: #22C55E;
  --wp-purple: #A78BFA;
  --wp-red: #F87171;
  --wp-text-primary: #F5F5F4;
  --wp-text-secondary: #A1A1AA;
  --wp-line: rgba(255, 255, 255, 0.3);
  --wp-bg: #161616;
}