/**
 * Color Design Tokens
 *
 * All colors centralized for easy theming and consistency.
 * Based on modern color system with semantic naming.
 *
 * @package BeepBeep\AltText
 * @since   5.0.0
 */

:root {
	/* Brand Colors — primary = product CTA green (blue reserved for info/links, not solid CTAs) */
	--bbai-color-primary: #10b981;
	--bbai-color-primary-hover: #059669;
	--bbai-color-primary-light: #d1fae5;
	--bbai-color-primary-dark: #047857;

	/* Semantic Colors */
	--bbai-color-success: #10b981;
	--bbai-color-success-hover: #059669;
	--bbai-color-success-light: #d1fae5;
	--bbai-color-success-dark: #047857;

	--bbai-color-warning: #f59e0b;
	--bbai-color-warning-hover: #d97706;
	--bbai-color-warning-light: #fef3c7;
	--bbai-color-warning-dark: #b45309;

	--bbai-color-error: #ef4444;
	--bbai-color-error-hover: #dc2626;
	--bbai-color-error-light: #fee2e2;
	--bbai-color-error-dark: #b91c1c;

	--bbai-color-info: #3b82f6;
	--bbai-color-info-hover: #2563eb;
	--bbai-color-info-light: #dbeafe;
	--bbai-color-info-dark: #1e40af;

	/* Neutral Palette */
	--bbai-color-gray-50: #f9fafb;
	--bbai-color-gray-100: #f3f4f6;
	--bbai-color-gray-200: #e5e7eb;
	--bbai-color-gray-300: #d1d5db;
	--bbai-color-gray-400: #9ca3af;
	--bbai-color-gray-500: #6b7280;
	--bbai-color-gray-600: #4b5563;
	--bbai-color-gray-700: #374151;
	--bbai-color-gray-800: #1f2937;
	--bbai-color-gray-900: #111827;

	/* Surface Colors */
	--bbai-color-bg-primary: #ffffff;
	--bbai-color-bg-secondary: var(--bbai-color-gray-50);
	--bbai-color-bg-tertiary: var(--bbai-color-gray-100);
	--bbai-color-bg-inverse: var(--bbai-color-gray-900);

	/* Text Colors */
	--bbai-color-text-primary: var(--bbai-color-gray-900);
	--bbai-color-text-secondary: var(--bbai-color-gray-600);
	--bbai-color-text-tertiary: var(--bbai-color-gray-500);
	--bbai-color-text-disabled: var(--bbai-color-gray-400);
	--bbai-color-text-inverse: #ffffff;

	/* Border Colors */
	--bbai-color-border: var(--bbai-color-gray-200);
	--bbai-color-border-hover: var(--bbai-color-gray-300);
	--bbai-color-border-focus: var(--bbai-color-primary);

	/* State Colors */
	--bbai-color-disabled: var(--bbai-color-gray-100);
	--bbai-color-disabled-text: var(--bbai-color-gray-400);
}