/* Admin portal + Command Center — design tokens (single source) */
:root {
    /* Motion */
    --admin-duration-fast: 0.15s;
    --admin-duration-normal: 0.2s;
    --admin-ease: ease;

    /* Typography scale */
    --admin-text-xs: 11px;
    --admin-text-sm: 13px;
    --admin-text-base: 14px;
    --admin-text-md: 16px;
    --admin-text-lg: 20px;
    --admin-text-xl: 24px;
    --admin-text-2xl: 32px;

    /* Spacing scale */
    --admin-space-1: 4px;
    --admin-space-2: 8px;
    --admin-space-3: 12px;
    --admin-space-4: 16px;
    --admin-space-5: 20px;
    --admin-space-6: 24px;
    --admin-space-8: 32px;

    /* Semantic surfaces (alias physical tokens) */
    --admin-surface: #f8fafc;
    --admin-surface-elevated: #ffffff;
    --admin-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --admin-primary: #3b82f6;
    --admin-primary-end: #2563eb;
    --admin-violet: #3b82f6;
    --admin-violet-dark: #2563eb;
    --admin-violet-light: #a78bfa;
    --admin-body-bg: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
    --admin-page-title: #1a202c;
    --admin-card-bg: #ffffff;
    --admin-border: #e2e8f0;
    --admin-border-light: #f1f5f9;
    --admin-text: #1e293b;
    --admin-text-secondary: #334155;
    --admin-text-muted: #475569;
    --admin-text-light: #64748b;
    --admin-radius: 12px;
    --admin-radius-sm: 8px;
    --admin-radius-xs: 6px;
    --admin-elevation-1: 0 1px 3px rgba(0, 0, 0, 0.1);
    --admin-elevation-2: 0 4px 12px rgba(0, 0, 0, 0.1);
    --admin-elevation-3: 0 10px 25px rgba(0, 0, 0, 0.12);
    --admin-shadow: var(--admin-elevation-1);
    --admin-shadow-md: var(--admin-elevation-2);
    --admin-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
    --admin-shadow-purple: 0 2px 8px rgba(59, 130, 246, 0.3);
    --admin-green: #10b981;
    --admin-green-bg: #d1fae5;
    --admin-green-text: #065f46;
    --admin-amber: #f59e0b;
    --admin-amber-bg: #fef3c7;
    --admin-amber-text: #92400e;
    --admin-red: #ef4444;
    --admin-red-bg: #fee2e2;
    --admin-red-text: #991b1b;
    --admin-blue: #3b82f6;
    --admin-blue-bg: #dbeafe;
    --admin-blue-text: #1e40af;
    --admin-focus-ring: 2px solid var(--admin-primary);
    --admin-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

    /* Command Center aliases (keep pages using --cc-* working when tokens load first) */
    --cc-primary: var(--admin-violet);
    --cc-primary-dark: var(--admin-violet-dark);
    --cc-primary-light: var(--admin-violet-light);
    --cc-gradient: var(--admin-gradient);
    --cc-bg: #f8f9fa;
    --cc-card-bg: var(--admin-card-bg);
    --cc-border: var(--admin-border);
    --cc-border-light: var(--admin-border-light);
    --cc-text: var(--admin-text);
    --cc-text-secondary: var(--admin-text-secondary);
    --cc-text-muted: var(--admin-text-muted);
    --cc-text-light: var(--admin-text-light);
    --cc-radius: var(--admin-radius);
    --cc-radius-sm: var(--admin-radius-sm);
    --cc-radius-xs: var(--admin-radius-xs);
    --cc-radius-full: 9999px;
    --cc-shadow: var(--admin-shadow);
    --cc-shadow-md: var(--admin-shadow-md);
    --cc-shadow-lg: var(--admin-elevation-3);
    --cc-shadow-purple: 0 2px 8px rgba(139, 92, 246, 0.3);
    --cc-green: var(--admin-green);
    --cc-green-bg: var(--admin-green-bg);
    --cc-green-text: var(--admin-green-text);
    --cc-amber: var(--admin-amber);
    --cc-amber-bg: var(--admin-amber-bg);
    --cc-amber-text: var(--admin-amber-text);
    --cc-red: var(--admin-red);
    --cc-red-bg: var(--admin-red-bg);
    --cc-red-text: var(--admin-red-text);
    --cc-blue: var(--admin-blue);
    --cc-blue-bg: var(--admin-blue-bg);
    --cc-blue-text: var(--admin-blue-text);
}
