:root {
  --color-primary: #0f4c81;
  --color-primary-dark: #0c3d68;
  --color-secondary: #00a8e8;
  --color-accent: #ffb703;

  --color-dark: #111827;
  --color-text: #374151;
  --color-muted: #6b7280;

  --color-light: #f5f7fa;
  --color-white: #ffffff;
  --color-border: #e5e7eb;

  --color-footer: #07152f;

  --font-main: "Inter", Arial, sans-serif;

  --container-width: 1200px;
  --container-padding: 20px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 12px 30px rgba(15, 76, 129, 0.12);
  --shadow-lg: 0 24px 70px rgba(15, 76, 129, 0.2);

  --transition: 0.25s ease;
}