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

:root {
    --color-primary: #0f172a;
    --color-secondary: #334155;
    --color-accent: #06b6d4;

    --color-text: #1e293b;
    --color-heading: #0f172a;
    --color-muted: #64748b;

    --color-bg: #ffffff;
    --color-bg-alt: #f8fafc;
    --color-surface: #ffffff;
    --color-border: #cbd5e1;

    --font-family: 'Montserrat', system-ui, sans-serif;
    --hero-overlay-opacity: 0.2;
}

.btn {
    text-transform: uppercase;
    letter-spacing: 0.03em;
}