/*
 * Djobsinfo Core — Design Tokens
 * The single source of truth for the visual system. Mirrors the original
 * Djobsinfo child-theme palette and typography so nothing shifts on migration.
 * Built by Megaone — geeaig.com
 */

:root {
	/* Brand */
	--djc-primary: #DC2626;
	--djc-primary-hover: #B91C1C;
	--djc-primary-soft: #FEF2F2;

	/* Neutral scale */
	--djc-text-primary: #111827;
	--djc-text-secondary: #374151;
	--djc-text-muted: #6B7280;
	--djc-surface: #FFFFFF;
	--djc-background: #F8F9FA;
	--djc-border: #E5E7EB;
	--djc-border-strong: #D1D5DB;

	/* Feedback */
	--djc-success: #16A34A;
	--djc-warning: #D97706;
	--djc-danger: #DC2626;
	--djc-info: #2563EB;
	--djc-focus-ring: rgba(220, 38, 38, 0.40);

	/* Typography */
	--djc-font-main: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--djc-lh-heading: 1.25;
	--djc-lh-body: 1.7;

	/* Type scale (fluid-ready, rem-based) */
	--djc-h1: 2.25rem;
	--djc-h2: 1.875rem;
	--djc-h3: 1.5rem;
	--djc-h4: 1.25rem;
	--djc-h5: 1.125rem;
	--djc-h6: 1rem;
	--djc-body: 1rem;
	--djc-small: 0.875rem;
	--djc-xs: 0.75rem;

	/* Spacing scale */
	--djc-space-1: 0.25rem;
	--djc-space-2: 0.5rem;
	--djc-space-3: 0.75rem;
	--djc-space-4: 1rem;
	--djc-space-6: 1.5rem;
	--djc-space-8: 2rem;
	--djc-space-12: 3rem;
	--djc-space-16: 4rem;

	/* Radius */
	--djc-radius-sm: 6px;
	--djc-radius: 8px;
	--djc-radius-lg: 12px;
	--djc-radius-xl: 16px;
	--djc-radius-full: 9999px;

	/* Shadow */
	--djc-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--djc-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10);
	--djc-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10);

	/* Motion */
	--djc-transition: 0.2s ease-in-out;

	/* Layout */
	--djc-container: 1280px;
}

@media (min-width: 768px) {
	:root {
		--djc-h1: 3rem;
		--djc-h2: 2.25rem;
		--djc-h3: 1.875rem;
		--djc-body: 1.05rem;
	}
}