:root {
  --color-primary: #0077b6;
  --color-primary-dark: #005f92;
  --color-accent: #00b4d8;
  --color-accent-light: #90e0ef;
  --color-text: #1a1a2e;
  --color-text-muted: #666;
  --color-bg: #ffffff;
  --color-bg-alt: #f0f8fc;
  --color-border: #ddd;
  --color-white: #ffffff;

  --font-family: "Nunito", system-ui, -apple-system, sans-serif;
  --font-size-base: 1rem;
  --line-height: 1.6;

  --container-max: 1200px;
  --header-height: 72px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-sm: 0 2px 8px rgba(0, 119, 182, 0.08);
  --shadow-md: 0 8px 24px rgba(0, 119, 182, 0.12);
  --shadow-lg: 0 16px 48px rgba(0, 119, 182, 0.15);

  --transition: 0.25s ease;
}