:root {
    /* Surfaces — Vercel-inspired */
    --gr-dark: #000000;
    --gr-dark-rgb: 0, 0, 0;
    --gr-bg-elevated: #0a0a0a;
    --gr-bg-subtle: #111111;

    /* Accent — preserved orange */
    --gr-orange: #ff6b5b;
    --gr-orange-light: rgba(255, 107, 91, 0.12);
    --gr-orange-hover: #ff8577;
    --gr-accent-gradient: linear-gradient(180deg, #ff8577 0%, #ff6b5b 100%);

    /* Text scale */
    --gr-white: #ffffff;
    --gr-text: #ededed;
    --gr-text-muted: #a1a1a1;
    --gr-text-faint: #737373;

    /* Hairlines */
    --gr-border: rgba(255, 255, 255, 0.08);
    --gr-border-strong: rgba(255, 255, 255, 0.14);
    --gr-border-faint: rgba(255, 255, 255, 0.05);

    /* Surfaces (no glass — solid elevated) */
    --gr-surface: #0a0a0a;
    --gr-surface-hover: #131313;
    --gr-glass-border: rgba(255, 255, 255, 0.08);
    --gr-gray-light: #0a0a0a;
    --gr-gray: #131313;
    --gr-gray-dark: #1f1f1f;

    /* Pricing card accents (kept) */
    --gr-starter: #fcca97;
    --gr-professional: #ff5975;
    --gr-business: #59adff;
    --gr-enterprise: #ff6b5b;

    /* Typography — Inter */
    --gr-font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --gr-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --gr-font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

    --gr-fs-display: clamp(2.5rem, 5.5vw, 4.5rem);
    --gr-fs-hero: clamp(2rem, 4.5vw, 3.5rem);
    --gr-fs-h1: clamp(2rem, 4vw, 3rem);
    --gr-fs-h2: clamp(1.75rem, 3vw, 2.25rem);
    --gr-fs-h3: 1.125rem;
    --gr-fs-body: 1rem;
    --gr-fs-small: 0.875rem;
    --gr-fs-xs: 0.8125rem;

    /* Letter-spacing for tight Vercel headings */
    --gr-tracking-tight: -0.02em;
    --gr-tracking-tighter: -0.04em;

    /* Spacing — more breathing room */
    --gr-section-py: clamp(80px, 12vw, 160px);
    --gr-container-max: 1200px;
    --gr-container-px: 24px;
    --gr-gap: 24px;
    --gr-gap-lg: 48px;

    /* Radii — tighter */
    --gr-radius: 12px;
    --gr-radius-sm: 8px;
    --gr-radius-xs: 6px;
    --gr-radius-full: 9999px;

    /* Shadows — almost none, hairlines do the work */
    --gr-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06);
    --gr-shadow-hover: 0 0 0 1px rgba(255, 255, 255, 0.14);
    --gr-shadow-card: none;
    --gr-shadow-glow: 0 0 60px -20px rgba(255, 107, 91, 0.4);

    /* Transitions */
    --gr-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --gr-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

    /* Header */
    --gr-header-height: 64px;
}