/*
 * Design tokens for the CRM redesign (V1).
 * Source of truth: statistics-spa/tailwind.config.js + statistics-spa/src/index.css.
 * Mirrored here as CSS custom properties so both the legacy Yii2 views and the
 * Tailwind build (tailwind.config.js at repo root) read the same numbers.
 */

:root {
	/* Primary blue scale */
	--color-primary-50: #eff6ff;
	--color-primary-100: #dbeafe;
	--color-primary-200: #bfdbfe;
	--color-primary-300: #93c5fd;
	--color-primary-400: #60a5fa;
	--color-primary-500: #3b82f6;
	--color-primary-600: #2563eb;
	--color-primary-700: #1d4ed8;
	--color-primary-800: #1e40af;
	--color-primary-900: #1e3a8a;

	/*
	 * Neutrals — Cool Blue Application Strategy. Values are Tailwind's own
	 * `slate` scale (also mirrored into tailwind.config.js's `gray` override,
	 * the source of truth for every gray-* utility used throughout
	 * app.css) rather than the previous neutral gray, so anything reading
	 * these custom properties directly stays in step with the Tailwind side.
	 */
	--color-bg: #f8fafc;
	--color-border: #e2e8f0;
	--color-border-strong: #cbd5e1;
	--color-text: #0f172a;
	--color-text-muted: #475569;
	--color-text-subtle: #64748b;
	--color-text-placeholder: #94a3b8;

	/* Cool Blue Application Strategy — surface roles */
	--bg-canvas: #f8fafc;
	--bg-sidebar: #f3f7fa;
	--bg-card: #ffffff;
	--bg-hover: #eff6ff;
	--color-primary: #2563eb;
	--text-primary: #0f172a;

	/* Semantic */
	--color-success: #10b981;
	--color-success-bg: #d1fae5;
	--color-success-text: #065f46;
	--color-warning: #f59e0b;
	--color-warning-bg: #fef3c7;
	--color-warning-text: #92400e;
	--color-danger: #ef4444;
	--color-danger-bg: #fee2e2;
	--color-danger-text: #991b1b;

	/* Typography */
	--font-sans: 'Inter', system-ui, -apple-system, sans-serif;

	/* Radius */
	--radius: 8px;
	--radius-full: 9999px;

	/* Shadow */
	--shadow-card: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--shadow-nav: 0 5px 5px rgba(1, 1, 1, 0.15);
}