/* Dark Theme - Earthy Green Palette */
/* Based on: #1B211A · #628141 · #8BAE66 · #EBD5AB */
:root[data-theme="dark"] {
	/* Primary Colors */
	--primary-color: #8BAE66;
	--primary-hover: #628141;
	--primary-light: #A4C480;
	--secondary-color: #EBD5AB;
	--secondary-hover: #D4BE94;

	/* Background Colors */
	--bg-primary: #1B211A;
	--bg-secondary: #232B22;
	--bg-tertiary: #2D382B;
	--bg-card: #232B22;
	--bg-hover: #2D382B;

	/* Text Colors */
	--text-primary: #EBD5AB;
	--text-secondary: #C4B48E;
	--text-muted: #9A8D72;
	--text-disabled: #6B6253;

	/* Border Colors */
	--border-primary: #3A4A35;
	--border-secondary: #4D6045;
	--border-focus: #8BAE66;

	/* Status Colors */
	--success-color: #8BAE66;
	--success-bg: #2D382B;
	--error-color: #E07A5F;
	--error-bg: #3A2520;
	--warning-color: #E8C46C;
	--warning-bg: #3A3420;
	--info-color: #6BA3A0;
	--info-bg: #1F3332;

	/* Shadows */
	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
	--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);

	/* Button Shadows for 3D effect */
	--button-shadow: 0 4px 6px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
	--button-shadow-hover: 0 7px 14px rgba(0, 0, 0, 0.4), 0 3px 6px rgba(0, 0, 0, 0.3);
	--button-shadow-active: 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);

	/* Legacy aliases for backwards compatibility with main.css */
	--accent-primary: #8BAE66;
	--accent-secondary: #A4C480;
	--accent-success: #8BAE66;
	--accent-danger: #E07A5F;
	--accent-warning: #E8C46C;
	--accent-info: #6BA3A0;
	--gradient-surface: linear-gradient(145deg, #232B22, #2D382B);
	--gradient-card: linear-gradient(145deg, #232B22, #2D382B);
	--success-hover: #628141;
	--error-hover: #C96A50;

	/* Additional aliases for table.css */
	--text-accent: #8BAE66;
	--shadow-card: 0 10px 20px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3);
	--radius-md: 8px;
	--radius-lg: 12px;
}