/* Theme override to match www.michaelbogobowicz.com */

:root {
	/* Brand palette from resume-styles.css */
	--mb-primary: #006d92;
	--mb-secondary: #e78200;
	--mb-accent: #338aa8;
	--mb-text-primary: #2c3e50;
	--mb-text-secondary: #7b858b;
	--mb-text-light: #bdced1;
	--mb-bg-light: #f8fafb;
	--mb-bg-section: #ffffff;
	--mb-border-light: #e3f0f2;
}

/* Map app variables to site palette */
:root {
	/* Backgrounds */
	--bg-primary: var(--mb-bg-light);
	--bg-secondary: var(--mb-bg-section);
	--bg-tertiary: #ffffff;
	--bg-card: #ffffff;
	--bg-input: #ffffff;
	--bg-hover: #eef6f9; /* light tint hover */

	/* Text */
	--text-primary: var(--mb-text-primary);
	--text-secondary: var(--mb-text-secondary);
	--text-muted: var(--mb-text-light);

	/* Accents */
	--accent-primary: var(--mb-primary);
	--accent-secondary: var(--mb-accent);
	--accent-success: #0f9d58; /* harmonious green */
	--accent-warning: var(--mb-secondary);
	--accent-error: #d93025;

	/* Borders & shadows */
	--border-color: var(--mb-border-light);
	--border-light: #d8e8eb;
	--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
	--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
	--shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
	--shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.14);
}

/* Light theme refinements */
body {
	background: #f5f7fa;
	color: var(--text-primary);
}

.app-header {
	background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-accent) 100%);
	color: #ffffff;
	border-bottom-color: var(--border-color);
}

.app-title {
	background: linear-gradient(135deg, var(--mb-bg-section), var(--mb-bg-section));
	-webkit-text-fill-color: initial;
	color: #ffffff;
}

.app-subtitle,
.user-name {
	color: #f1f6f8;
}

.nav-tab {
	color: var(--text-secondary);
}

.nav-tab.active {
	color: var(--accent-primary);
	background: var(--bg-hover);
}

.chat-sidebar,
.chat-input-area,
.chat-info-panel,
.status-card,
.job-card,
.calendar-section,
.meeting-options,
.booking-form {
	background: var(--bg-card);
	border-color: var(--border-color);
}

.message-content {
	background: var(--bg-card);
}

.user-message .message-content {
	background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);
	color: #ffffff;
}

.time-chip {
	border-color: var(--accent-primary);
	background: #eef6f9;
	color: var(--text-primary);
}

.time-chip.available {
	background: rgba(0, 109, 146, 0.12);
	border-color: rgba(0, 109, 146, 0.45);
	color: var(--text-primary);
}

.calendar-day.today {
	background: var(--accent-primary);
	border-color: var(--accent-primary);
}

.job-status-badge.scheduled { background: var(--accent-primary); }
.job-status-badge.running { background: #0f9d58; }
.job-status-badge.error { background: #d93025; }

.login-content,
.modal-content {
	background: var(--bg-card);
	border-color: var(--border-color);
}

.input-container {
	background: var(--bg-input);
	border-color: var(--border-color);
}

.primary-btn,
.logout-btn,
.login-button,
.send-button {
	background: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);
	color: #ffffff;
}

.send-button:disabled {
	opacity: 1;
	background: #eef6f9;
	border: 1px solid var(--border-color);
	color: var(--text-secondary);
}

.secondary-btn,
.control-btn,
.job-action-btn {
	background: var(--bg-input);
	color: var(--text-primary);
	border-color: var(--border-color);
}

.info-value {
	background: #f6fbfd;
	border-color: var(--border-color);
}

.empty-state,
.info-note,
.status-display {
	color: var(--text-secondary);
}

/* Admin adjustments */
.status-card .status-title { color: var(--text-primary); }
.status-card .refresh-btn { border-color: var(--border-color); }