/* Shared Wolfy palette. Marketing theme.css is a generated copy. */
:root {
  color-scheme: light;
  --wolfy-navy: #193B63;
  --wolfy-background: #FFF9F2;
  --wolfy-white: #FFFFFF;
  --wolfy-paper: #FFFCF7;
  --wolfy-blue: #2D7AA0;
  --wolfy-coral: #B94B57;
  --wolfy-gold: #F4D58A;
  --wolfy-lavender: #EEE8F8;
  --wolfy-mint: #E6F3ED;
  --wolfy-panel: #E7F2FA;
  --wolfy-muted: #48617A;
  --wolfy-line: #B8CADD;
  --wolfy-input-line: #6E879F;
  --wolfy-grid: #DDE7F1;
  --wolfy-navy-hover: #122E50;
  --wolfy-blue-hover: #246987;
  --wolfy-coral-hover: #A13E49;
  --wolfy-error-ink: var(--wolfy-coral-hover);
  --wolfy-success-ink: #28644C;
  --wolfy-error-surface: #FBEAED;
  --wolfy-shadow: 0 14px 35px rgba(25, 59, 99, .13);
}
:where(a, button, input, select, textarea, summary, canvas, [tabindex]):focus-visible {
  outline: 3px solid var(--wolfy-navy);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--wolfy-white);
}