/**
 * Design tokens for the onechip theme.
 * Tokens only — no component styles here. main.css consumes these.
 */
:root {
	/* Color */
	--oc-color-primary: #0F172A;
	--oc-color-accent: #2563EB;
	--oc-color-accent-dark: #1D4ED8;
	--oc-color-bg: #FFFFFF;
	--oc-color-bg-alt: #F8FAFC;
	--oc-color-border: #E2E8F0;
	--oc-color-text: #0F172A;
	--oc-color-text-muted: #64748B;
	--oc-color-white: #FFFFFF;

	--oc-color-success: #16A34A;
	--oc-color-warning: #D97706;
	--oc-color-danger: #DC2626;

	/* Header/brand-specific colors (exact match to approved header reference) */
	--oc-color-header-blue: #15458F;
	--oc-color-cta-orange: #FF6B00;

	/* Category accent tokens (one per parent category) */
	--oc-cat-cables: #0EA5E9;
	--oc-cat-chargers-power: #F59E0B;
	--oc-cat-docks-hubs: #8B5CF6;
	--oc-cat-audio-video: #EC4899;
	--oc-cat-stands-accessories: #10B981;
	--oc-cat-networking: #6366F1;
	--oc-cat-storage: #F97316;
	--oc-cat-nas: #14B8A6;

	/* Typography */
	--oc-font-base: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--oc-text-xs: 0.75rem;
	--oc-text-sm: 0.875rem;
	--oc-text-base: 1rem;
	--oc-text-lg: 1.125rem;
	--oc-text-xl: 1.375rem;
	--oc-text-2xl: 1.75rem;
	--oc-text-3xl: 2.25rem;

	/* Spacing scale */
	--oc-space-1: 4px;
	--oc-space-2: 8px;
	--oc-space-3: 16px;
	--oc-space-4: 24px;
	--oc-space-5: 32px;
	--oc-space-6: 48px;
	--oc-space-7: 64px;

	/* Misc */
	--oc-radius: 8px;
	--oc-radius-lg: 16px;
	--oc-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
	--oc-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
	--oc-container-max: 1280px;
}