/* Shared design tokens for every customer-facing template (catalog, accounts,
   survey). Single source of truth for the dark theme palette and type
   stack — app-specific <style> blocks should reference these custom
   properties rather than redeclaring hex values. */
:root {
  color-scheme: dark;
  --bg: #0a0c11;
  --surface: #14171f;
  --ink: #f1f0ec;
  --muted: #96a0b0;
  --accent: #2dd4bf;
  --accent-strong: #5eead4;
  --accent-soft: #102321;
  --border: #262b35;
  /* >=3:1 against both --bg and --surface (WCAG 1.4.11 non-text contrast)
     — used for the outline of actual interactive controls (inputs,
     selects); --border stays subtle for purely decorative dividers/cards. */
  --border-strong: #5a6478;
  --error: #f87171;
  --navy: #0b1324;
  --navy-soft: #121b33;
  --teal-bright: #2dd4bf;
  --teal-ink: #e7fbf8;
  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}

/* Form controls don't inherit the page font by default in any browser —
   without this, every button/input/select/textarea silently falls back
   to the OS UI font instead of --font-sans. */
button, input, select, textarea {
  font-family: inherit;
}