@font-face {
    font-family: 'Manrope';
    src: url('/assets/fonts/manrope-latin-ext.woff2') format('woff2');
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/assets/fonts/space-grotesk-latin-ext.woff2') format('woff2');
    font-style: normal;
    font-weight: 500 700;
    font-display: swap;
}

:root {
    --bg: #f5f7fb;
    --bg-strong: #dbe7ff;
    --surface: rgba(255,255,255,0.92);
    --surface-strong: #ffffff;
    --ink: #0f172a;
    --muted: #64748b;
    --line: rgba(15,23,42,0.10);
    --primary: #2563eb;
    --primary-deep: #1d4ed8;
    --accent: #f59e0b;
    --accent-soft: #fff4d6;
    --night: #10213f;
    --shadow: 0 24px 64px rgba(37,99,235,0.08);
    --radius: 28px;
    --container: 1440px;
    --page-gutter: clamp(16px, 2.6vw, 44px);
}