/* Base theme variables and global styles */
:root {
	/* Dark theme (default) - Subtle Charcoal */
	--bg-primary: #1a1b1e;
	--bg-secondary: #25262b;
	--text-primary: #e9ecef;
	--text-secondary: #adb5bd;
	--header-color: #868e96;
	--border-color: #373a40;
	--user-bubble: #2e3338;
	--assistant-bubble: #343a40;
	--suggestion-bg: #2c2e33;
	--suggestion-border: #495057;
	--suggestion-hover: #373a40;
	--link-color: #c084fc;
	--link-hover: #d8b4fe;
	--accent-color: #c084fc;
}

[data-theme="light"] {
	/* Light theme - Soft Warm Gray */
	--bg-primary: #fafafa;
	--bg-secondary: #f1f3f4;
	--text-primary: #2d3436;
	--text-secondary: #636e72;
	--header-color: #636e72;
	--border-color: #ddd;
	--user-bubble: #e8eaed;
	--assistant-bubble: #f8f9fa;
	--suggestion-bg: #ffffff;
	--suggestion-border: #dadce0;
	--suggestion-hover: #f1f3f4;
	--link-color: #9333ea;
	--link-hover: #7c3aed;
	--accent-color: #9333ea;
}

/* Global base styles */
* {
	box-sizing: border-box;
}

html {
	height: 100%;
	margin: 0;
	padding: 0;
	transition: background-color 0.3s ease;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	background-color: var(--bg-primary) !important;
	color: var(--text-primary);
	transition: background-color 0.3s ease, color 0.3s ease;
	min-height: 100vh;
	min-height: 100dvh;
	overflow: hidden;
}

/* Force Poppins font for all buttons */
button, .button, input[type="button"], input[type="submit"], .btn {
	font-family: 'Poppins', sans-serif !important;
}

/* Component styles are now loaded directly in HTML */