:root {
    --speedloc-purple-950: #4f0b48;
    --speedloc-purple-900: #64145b;
    --speedloc-purple-800: #76036f;
    --speedloc-purple-700: #870080;
    --speedloc-purple-600: #9b118f;
    --speedloc-indigo-600: #5344ee;
    --speedloc-indigo-500: #6350f2;
    --speedloc-violet-500: #9747ff;
    --speedloc-success: #17b978;
    --speedloc-bg: #f5f7fb;
    --speedloc-surface: #ffffff;
    --speedloc-text: #101a33;
    --speedloc-text-soft: #53637e;
    --speedloc-border-soft: #e8edf4;
    --speedloc-gradient-primary: linear-gradient(135deg, #9a47f5 0%, #5542e9 100%);
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-hero: clamp(2.25rem, 5vw, 3.5rem);
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
    --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);
    --transition-fast: 120ms ease;
    --transition-normal: 180ms ease;
}