/* BravoHub colour tokens — manual copy of BravoHub.SaaS frontend/src/styles/variables.css
   Resolves: [REQ-BRAND-15]
   Update both files when the control-plane palette changes.
*/

:root {
	--bravo-primary: #F45424;
	--bravo-primary-dark: #D43A0F;
	--bravo-primary-light: #FF6B42;
	--bravo-primary-lighter: #FF8C6B;

	--bravo-gray-50: #F8F8F8;
	--bravo-gray-100: #F3F3F3;
	--bravo-gray-200: #EDEDED;
	--bravo-gray-300: #E2E2E2;
	--bravo-gray-400: #C7C7C7;
	--bravo-gray-500: #999999;
	--bravo-gray-600: #7C7C7C;
	--bravo-gray-700: #525252;
	--bravo-gray-800: #383838;
	--bravo-gray-900: #171717;

	--bravo-text-primary: #1A1A2E;
	--bravo-text-secondary: #666666;
	--bravo-text-light: #999999;
	--bravo-text-white: #FFFFFF;

	--bravo-bg-white: #FFFFFF;
	--bravo-bg-light: #F8F9FA;
	--bravo-bg-gray: #F5F5F5;
	--bravo-bg-dark: #1A1A2E;

	--bravo-gradient-primary: linear-gradient(135deg, #F45424 0%, #D43A0F 100%);
	--bravo-gradient-secondary: linear-gradient(135deg, #FF6B42 0%, #F45424 100%);
	--bravo-gradient-hero: linear-gradient(135deg, #F45424 0%, #FF8C6B 50%, #D43A0F 100%);

	--bravo-accent-orange: #F45424;
	--bravo-accent-red: #D43A0F;
	--bravo-accent-yellow: #FFC409;
	--bravo-accent-blue: #2196F3;
	--bravo-accent-green: #10B981;

	--bravo-shadow-sm: 0 2px 4px rgba(244, 84, 36, 0.1);
	--bravo-shadow-md: 0 4px 8px rgba(244, 84, 36, 0.15);
	--bravo-shadow-lg: 0 8px 16px rgba(244, 84, 36, 0.2);
	--bravo-shadow-xl: 0 12px 24px rgba(244, 84, 36, 0.25);

	--bravo-border-light: #E2E2E2;
	--bravo-border-medium: #C7C7C7;
	--bravo-border-dark: #999999;

	--bravo-btn-primary: var(--bravo-primary);
	--bravo-btn-primary-hover: var(--bravo-primary-dark);
	--bravo-btn-secondary: var(--bravo-gray-200);
	--bravo-btn-secondary-hover: var(--bravo-gray-300);

	--bravo-success: #10B981;
	--bravo-warning: #FFC409;
	--bravo-error: #EF4444;
	--bravo-info: #2196F3;
}
