/* Steward: proposed interface tokens for the platinum / icy-cyan identity.
   These are theme colors, not a claim of exact pixel colors in the PNG artwork.
   Map into the existing theme rather than applying a global visual reset. */
:root {
  --steward-page: #f7fafc;
  --steward-surface: #ffffff;
  --steward-ink: #0b1018;
  --steward-text-secondary: #4b5b68;
  --steward-platinum: #dce5ec;
  --steward-cyan: #80e6f5;
  --steward-interactive: #176a7c;
  --steward-interactive-hover: #105365;
  --steward-accent-surface: #e8f9fc;
  --steward-control-border: #657987;
  --steward-primary-button: var(--steward-ink);
  --steward-primary-button-text: var(--steward-surface);
  --steward-focus-color: var(--steward-interactive);
  --steward-focus-width: 3px;
  --steward-focus-offset: 3px;
}

/* Optional dark brand surface. Do not enable site-wide without checking
   existing component and semantic-status contrast in the actual interface. */
[data-steward-surface="dark"] {
  --steward-page: #0b1018;
  --steward-surface: #131c27;
  --steward-ink: #f7fafc;
  --steward-text-secondary: #b7c5d0;
  --steward-interactive: #80e6f5;
  --steward-interactive-hover: #b4f3fb;
  --steward-accent-surface: #153943;
  --steward-control-border: #7a8e9c;
  --steward-primary-button: #80e6f5;
  --steward-primary-button-text: #0b1018;
  --steward-focus-color: #80e6f5;
}

/* Suggested focus style; opt in on existing interactive components.
   Do not remove a stronger accessible focus treatment already in the app. */
.steward-focus:focus-visible {
  outline: var(--steward-focus-width) solid var(--steward-focus-color);
  outline-offset: var(--steward-focus-offset);
}