/* Light Theme - Soft Sage Palette */
/* Based on: #96A78D · #B6CEB4 · #D9E9CF · #F0F0F0 */
:root[data-theme="light"] {
	/* Primary Colors */
	--primary-color: #5A7A4E;
	--primary-hover: #4A6640;
	--primary-light: #96A78D;
	--secondary-color: #96A78D;
	--secondary-hover: #7E9275;

	/* Background Colors */
	--bg-primary: #F0F0F0;
	--bg-secondary: #F7F7F5;
	--bg-tertiary: #E8EDE4;
	--bg-card: #FFFFFF;
	--bg-hover: #D9E9CF;

	/* Text Colors */
	--text-primary: #2A3328;
	--text-secondary: #4A5847;
	--text-muted: #6E7D6A;
	--text-disabled: #96A78D;

	/* Border Colors */
	--border-primary: #B6CEB4;
	--border-secondary: #96A78D;
	--border-focus: #5A7A4E;

	/* Status Colors */
	--success-color: #5A7A4E;
	--success-bg: #D9E9CF;
	--error-color: #C75C5C;
	--error-bg: #F5DEDE;
	--warning-color: #B8963E;
	--warning-bg: #F5EDDA;
	--info-color: #5B8FA8;
	--info-bg: #DAE8EF;

	/* Shadows */
	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
	--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.03);

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

	/* Legacy aliases for backwards compatibility with main.css */
	--accent-primary: #5A7A4E;
	--accent-secondary: #96A78D;
	--accent-success: #5A7A4E;
	--accent-danger: #C75C5C;
	--accent-warning: #B8963E;
	--accent-info: #5B8FA8;
	--gradient-surface: linear-gradient(145deg, #F7F7F5, #E8EDE4);
	--gradient-card: linear-gradient(145deg, #F7F7F5, #E8EDE4);
	--success-hover: #4A6640;
	--error-hover: #B04A4A;

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