:root {
  --bg: #f8fbfc;
  --card: #ffffff;
  --surface: #ffffff;
  --surface-alt: #e9f4f6;
  --text: #0c2f5a;
  --muted: #5b6b7c;
  --line: #d7e4ea;
  --primary: #0c2f5a;
  --primary-600: #0a284c;
  --primary-700: #08203d;
  --primary-800: #061930;
  --primaryText: #ffffff;
  --secondary: #138fa6;
  --secondary-600: #0f7c90;
  --secondary-700: #0c6c7f;
  --secondaryText: #ffffff;
  --accent: #f4b041;
  --accent-700: #d59a37;
  --accentText: #0c2f5a;
  --focus-ring: rgba(244, 176, 65, 0.4);
  --focus-ring-soft: rgba(12, 47, 90, 0.12);
  --primary-shadow: rgba(12, 47, 90, 0.28);
  --secondary-shadow: rgba(19, 143, 166, 0.25);
  --info-bg: #e5f4f7;
  --info-border: #bfe0e8;
  --info-text: #0c2f5a;
  --info-pill-bg: rgba(12, 47, 90, 0.12);
}