:root {
    /* Palette */
    --bg: #f5f7fa;
    --surface: #ffffff;
    --surface-soft: #eef2f7;
    --ink: #0b1a2f;
    --muted: #4b5565;
    --muted-2: #6b7285;
    --primary: #2563eb;
    --accent: #0ea5e9;
    --border: #e5e7eb;

    /* Gradients & Effects */
    --hero-gradient: radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.12), transparent 32%),
        radial-gradient(circle at 88% 8%, rgba(14, 165, 233, 0.1), transparent 28%),
        linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    --shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 20px 70px rgba(15, 23, 42, 0.1);

    /* Typography */
    --font-display: 'Space Grotesk', 'Sora', sans-serif;
    --font-body: 'Inter', 'Space Grotesk', sans-serif;

    /* Spacing */
    --space-xxs: 0.35rem;
    --space-xs: 0.65rem;
    --space-sm: 1rem;
    --space-md: 1.75rem;
    --space-lg: 3rem;
    --space-xl: 5rem;

    /* Radii */
    --radius: 14px;
    --radius-lg: 20px;

    /* Layout */
    --content-max: 1180px;
    --transition: 0.25s ease;
}