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

:root {
    --color-primary: #60a5fa;
    --color-secondary: #3b82f6;
    --color-accent: #f472b6;

    --color-text: #e5e7eb;
    --color-heading: #f9fafb;
    --color-muted: #9ca3af;

    --color-bg: #111827;
    --color-bg-alt: #1f2937;
    --color-surface: #1f2937;
    --color-border: #374151;

    --font-family: 'Roboto', system-ui, sans-serif;
    --hero-overlay-opacity: 0.45;
}