:root {
  --bg: #023f88;
  --bg-deep: #012e66;
  --bg-input: #012555;
  --bg-hover: #01356f;
  --text: #f6f6f6;
  --text-muted: rgba(246, 246, 246, 0.72);
  --text-faint: rgba(246, 246, 246, 0.5);
  --border: rgba(246, 246, 246, 0.16);
  --border-strong: rgba(246, 246, 246, 0.32);
  --btn: #f6f6f6;
  --btn-text: #023f88;
  --btn-hover: #ffffff;
  --btn-active: #e8e8e8;
  --focus: #f6f6f6;
  --disabled: rgba(246, 246, 246, 0.38);
  --radius: 16px;
  --radius-sm: 12px;
  --space: clamp(1rem, 3vw, 1.75rem);
  --font: "Outfit", "Segoe UI", system-ui, sans-serif;
  --max: 32.5rem;
  --tap: 3rem;
}