@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Roboto+Slab:wght@600;700&display=swap');

:root {
  --color-primary: #1a2a3a;
  --color-secondary: #243447;
  --color-accent: #2b6cb0;
  --color-accent-soft: #4299e1;
  --color-grid: #cbd5e0;
  --color-bg: #eef2f6;
  --color-bg-white: #ffffff;
  --color-text: #1a2a3a;
  --color-text-muted: #5a6a7a;
  --color-border: #d4dce4;
  --font-heading: 'Roboto Slab', serif;
  --font-body: 'Archivo', sans-serif;
  --radius: 4px;
  --shadow: 0 8px 32px rgba(26, 42, 58, 0.08);
}