/*
 * Dark-mode readiness only. The production application remains light in Phase 3.
 * Use data-theme="dark" on a specimen container to verify component behavior.
 */
[data-theme="dark"] {
  color-scheme: dark;
  --color-canvas: #0a2926;
  --color-surface: #113a36;
  --color-surface-raised: #174640;
  --color-surface-subtle: #1d4d47;
  --color-surface-inverse: var(--brand-warm-ivory);
  --color-text-primary: #f7f3e8;
  --color-text-secondary: #c4d6d2;
  --color-text-inverse: var(--brand-evergreen-950);
  --color-text-inverse-muted: #526560;
  --color-link: #b9ddd5;
  --color-link-hover: #ffffff;
  --color-border: #37635d;
  --color-border-strong: #6c928c;
  --color-focus: var(--brand-learning-gold);
  --color-success: #b7e2c8;
  --color-success-surface: #194d39;
  --color-success-border: #4d8e6a;
  --color-warning: #ffe1a0;
  --color-warning-surface: #57401c;
  --color-warning-border: #9a7432;
  --color-error: #ffd0c9;
  --color-error-surface: #5c2b27;
  --color-error-border: #a95e56;
  --color-info: #c6e8f1;
  --color-info-surface: #214854;
  --color-info-border: #578695;
}