/* APEX canonical runtime tokens (Week 1 baseline) */
:root {
    --apex-color-brand-primary: #2563EB;
    --apex-color-brand-primary-hover: #1D4ED8;
    --apex-color-brand-secondary: #0D9488;
    --apex-color-brand-secondary-hover: #0F766E;

    --apex-color-neutral-0: #FFFFFF;
    --apex-color-neutral-50: #F8FAFC;
    --apex-color-neutral-100: #F1F5F9;
    --apex-color-neutral-200: #E2E8F0;
    --apex-color-neutral-400: #94A3B8;
    --apex-color-neutral-600: #475569;
    --apex-color-neutral-800: #1E293B;
    --apex-color-neutral-900: #0F172A;

    --apex-color-success: #15803D;
    --apex-color-warning: #B45309;
    --apex-color-error: #B91C1C;
    --apex-color-info: #1D4ED8;

    --apex-color-env-plexus: #4F46E5;
    --apex-color-env-beacon: #8B5CF6;
    --apex-color-env-prod: #10B981;
    --apex-color-env-dev: #F59E0B;
    --apex-color-env-demo: #3B82F6;
    --apex-color-env-lake: #0EA5E9;

    --apex-font-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --apex-font-mono: JetBrains Mono, SFMono-Regular, Menlo, monospace;

    --apex-size-caption: 12px;
    --apex-size-small: 14px;
    --apex-size-body: 16px;
    --apex-size-h3: 20px;
    --apex-size-h2: 24px;
    --apex-size-h1: 30px;

    --apex-space-1: 4px;
    --apex-space-2: 8px;
    --apex-space-3: 12px;
    --apex-space-4: 16px;
    --apex-space-6: 24px;
    --apex-space-8: 32px;

    --apex-radius-sm: 6px;
    --apex-radius-md: 10px;
    --apex-radius-lg: 14px;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0ms !important;
        transition-duration: 0ms !important;
    }
}