/* =======================================================
   DATABRICKS OFFICIAL BRAND COLORS - UNIFIED THEME
   Applied across all AI Analytics LLC pages
   Last Updated: November 12, 2025
   ======================================================= */

:root {
	/* Databricks Official Brand Colors */
	--primary-red: #FF3621;           /* Databricks Brand Red */
	--secondary-red: #E8371A;         /* Dark Red */
	--accent-blue: #00A3E0;           /* Databricks Blue */
	--deep-navy: #0A1628;             /* Deep Navy Background */
	--charcoal: #1C2024;              /* Charcoal Background */
	
	/* Text Colors */
	--text-dark: #1B1B1D;             /* Rich Black */
	--text-gray: #6B6C72;             /* Neutral Gray */
	--text-light: #FFFFFF;            /* White Text */
	
	/* Background Colors */
	--light-gray: #F8F8F8;            /* Light Background */
	--white: #FFFFFF;
	
	/* Status Colors */
	--success-green: #00BA88;         /* Success Green */
	--warning-orange: #FF9200;        /* Warning Orange */
	--danger-red: #FF3621;            /* Danger Red */
	
	/* Borders & Shadows */
	--border-light: #DCDCE0;
	--shadow-light: rgba(255, 54, 33, 0.08);
	--shadow-medium: rgba(255, 54, 33, 0.15);
	--shadow-heavy: rgba(255, 54, 33, 0.25);
	
	/* Gradients */
	--gradient-primary: linear-gradient(135deg, #FF3621 0%, #E8371A 100%);
	--gradient-secondary: linear-gradient(135deg, #0A1628 0%, #00A3E0 100%);
	--gradient-accent: linear-gradient(135deg, #00A3E0 0%, #0077B6 100%);
	
	/* Legacy Compatibility - Map old blue variables to new red */
	--primary-blue: #FF3621;          /* Maps to primary-red */
	--secondary-blue: #00A3E0;        /* Maps to accent-blue */
	--accent-blue-legacy: #00A3E0;    /* Maps to accent-blue */
	--dark-navy: #0A1628;             /* Maps to deep-navy */
}

/* Professional Typography */
body {
	background-color: var(--white) !important;
	color: var(--text-dark) !important;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	line-height: 1.6;
	font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	color: var(--text-dark) !important;
	font-weight: 600;
	margin-bottom: 1rem;
}

/* Links */
a {
	color: var(--primary-red);
	text-decoration: none;
	transition: all 0.3s ease;
}

a:hover {
	color: var(--secondary-red);
	text-decoration: none;
}

/* Buttons */
.btn-primary {
	background: var(--gradient-primary) !important;
	border: none !important;
	color: white !important;
	transition: all 0.3s ease !important;
}

.btn-primary:hover {
	background: var(--secondary-red) !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px var(--shadow-medium);
}

.btn-outline-primary {
	border: 2px solid var(--primary-red) !important;
	color: var(--primary-red) !important;
	background: transparent !important;
}

.btn-outline-primary:hover {
	background: var(--primary-red) !important;
	color: white !important;
}

/* Cards */
.card {
	border: 1px solid var(--border-light);
	box-shadow: 0 2px 8px var(--shadow-light);
	transition: all 0.3s ease;
}

.card:hover {
	box-shadow: 0 8px 24px var(--shadow-medium);
	transform: translateY(-4px);
}

/* Navbar */
.navbar {
	background: var(--white) !important;
	box-shadow: 0 2px 12px var(--shadow-light);
}

.navbar-brand {
	color: var(--primary-red) !important;
}

.nav-link {
	color: var(--text-dark) !important;
	transition: color 0.3s ease;
}

.nav-link:hover,
.nav-link.active {
	color: var(--primary-red) !important;
}

/* Footer */
footer {
	background: var(--deep-navy);
	color: var(--text-light);
}

footer a {
	color: var(--accent-blue);
}

footer a:hover {
	color: var(--primary-red);
}

/* Section Titles */
.section-title h2 {
	color: var(--text-dark) !important;
	position: relative;
}

.section-title hr {
	border-top: 3px solid var(--primary-red) !important;
	width: 60px;
	margin: 20px auto;
}

.section-title strong {
	color: var(--primary-red) !important;
}

/* Hero Sections */
.hero-section {
	background: var(--gradient-secondary);
	color: white;
}

/* Feature Cards */
.feature-card {
	background: white;
	border-left: 4px solid var(--primary-red);
	transition: all 0.3s ease;
}

.feature-card:hover {
	border-left-color: var(--accent-blue);
	box-shadow: 0 8px 24px var(--shadow-medium);
}

/* Icons */
.icon-primary {
	color: var(--primary-red);
}

.icon-accent {
	color: var(--accent-blue);
}

/* Badges */
.badge-primary {
	background: var(--primary-red) !important;
}

.badge-secondary {
	background: var(--accent-blue) !important;
}

/* Responsive Typography */
@media (max-width: 768px) {
	h1 { font-size: 2rem; }
	h2 { font-size: 1.75rem; }
	h3 { font-size: 1.5rem; }
}