/* Color theme overrides. Default (vineyard) lives in :root in base.css. */

[data-theme="cellar"] {
	/* Palette primitives — repurposed for dark environment */
	--color-limestone: #2a2420;
	--color-limestone-light: #231f1c;
	--color-limestone-dark: #1a1614;
	--color-sand: #3a3430;
	--color-sand-dark: #4a433d;
	--color-terracotta-rich: #c8826d;
	--color-wine-barrel: #d4a574;
	--color-golden-hour: #c8956a;
	--color-olive-shadow: #8a8070;

	/* Legacy color names */
	--color-charcoal: #e8dfd4;
	--color-charcoal-light: #d9cdbf;
	--color-charcoal-lighter: #c4b8a8;
	--color-cream: #1a1614;
	--color-cream-light: #231f1c;
	--color-cream-dark: #2d2926;
	--color-cream-darker: #3f3a36;
	--color-copper: #c8826d;
	--color-copper-light: #d9a08d;
	--color-copper-dark: #a6654e;
	--color-copper-darker: #8b4a36;
	--color-slate: #8a9eaf;
	--color-slate-light: #a0b5c5;
	--color-slate-dark: #6a7e8f;
	--color-terracotta: #d9a08d;
	--color-terracotta-light: #e5b5a0;
	--color-terracotta-dark: #c8826d;

	/* Semantic backgrounds */
	--color-bg-base: #1a1614;
	--color-bg-surface: #231f1c;
	--color-bg-elevated: #2d2926;
	--color-bg-overlay: rgba(0, 0, 0, 0.75);
	--color-bg-hover: #2d2926;
	--color-bg-active: #3f3a36;

	/* Text */
	--color-text-heading: #f2ebe3;
	--color-text-primary: #e8dfd4;
	--color-text-secondary: #c5b8ab;
	--color-text-tertiary: #9a8b7c;
	--color-text-muted: #6e6358;
	--color-text-inverse: #1a1614;

	/* Borders */
	--color-border-subtle: #2d2926;
	--color-border-default: #3a3430;
	--color-border-strong: #5a4d42;

	/* Accents */
	--color-accent-primary: var(--color-copper);
	--color-accent-secondary: var(--color-slate);
	--color-accent-interactive: var(--color-terracotta);
	--color-surface: var(--color-bg-surface);
	--color-surface-elevated: var(--color-bg-elevated);
	--color-brand-primary: var(--color-accent-primary);

	/* Wine type colors */
	--color-wine-red: #b55a6a;
	--color-wine-white: #d4b88a;
	--color-wine-rose: #e08a94;
	--color-wine-sparkling: #8aab94;

	/* Status colors */
	--color-success: #6a9d73;
	--color-success-bg: #1a2e1e;
	--color-warning: #b89060;
	--color-warning-bg: #2a2010;
	--color-error: #c06060;
	--color-error-bg: #2a1616;
	--color-info: var(--color-slate);
	--color-info-bg: #182030;
	--color-error-dark: #a84848;

	/* Rating colors */
	--color-rating-bad: #ef4444;
	--color-rating-bad-bg: #2a1010;
	--color-rating-bad-dark: #dc2626;
	--color-rating-ok: #f59e0b;
	--color-rating-ok-bg: #2a2008;
	--color-rating-ok-dark: #d97706;
	--color-rating-good: #22c55e;
	--color-rating-good-bg: #0e2618;
	--color-rating-good-dark: #16a34a;
	--color-rating-very-good: #60a5fa;
	--color-rating-very-good-bg: #0e1828;
	--color-rating-very-good-dark: #3b82f6;
	--color-rating-excellent: #c084fc;
	--color-rating-excellent-bg: #1e0e2e;
	--color-rating-excellent-dark: #a855f7;
	--color-rating-spectacular: #facc15;
	--color-rating-spectacular-bg: #2a2200;
	--color-rating-spectacular-dark: #d97706;
	--color-rating-star: #f59e0b;
	--color-rating-star-hover: #fb923c;

	/* Shadows */
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
	--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
	--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
	--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.7);
	--shadow-ink: 0 2px 8px rgba(200, 130, 109, 0.25);
}

/* Override hardcoded colors in base rules for cellar theme */
[data-theme="cellar"] input[type="text"]:focus,
[data-theme="cellar"] input[type="number"]:focus,
[data-theme="cellar"] input[type="email"]:focus,
[data-theme="cellar"] textarea:focus,
[data-theme="cellar"] select:focus {
	background-color: var(--color-bg-elevated);
	box-shadow: 0 0 0 3px rgba(200, 130, 109, 0.15);
}

/* ─── Verdure — sage backgrounds, burnt sienna accent (Italian garden) ────── */
/*     Sage/pistachio surroundings + warm clay/terracotta interactive elements */

[data-theme="verdure"] {
	/* Palette primitives */
	--color-limestone: #dfe8d6;
	--color-limestone-light: #eaf0e4;
	--color-limestone-dark: #ccd8c0;
	--color-sand: #d0dbc6;
	--color-sand-dark: #bacdb0;
	--color-terracotta-rich: #c86a48;
	--color-wine-barrel: #7a3e22;
	--color-golden-hour: #c8904a;
	--color-olive-shadow: #6a7e58;

	/* Legacy color names */
	--color-charcoal: #1e2d16;
	--color-charcoal-light: #2d3f22;
	--color-charcoal-lighter: #3e5430;
	--color-cream: #f0f4ec;
	--color-cream-light: #f8faf6;
	--color-cream-dark: #dfe8d6;
	--color-cream-darker: #ccd8c0;
	/* Primary accent: burnt sienna — warm contrast against sage */
	--color-copper: #a85a38;
	--color-copper-light: #c47858;
	--color-copper-dark: #8a4228;
	--color-copper-darker: #6a3018;
	/* Secondary: amber-gold — earthy warm, less prominent than sienna */
	--color-slate: #8a7040;
	--color-slate-light: #a08a5a;
	--color-slate-dark: #6a5428;
	/* Interactive hover: fresh pistachio green — complements the sienna accent */
	--color-terracotta: #5e8c46;
	--color-terracotta-light: #7aaa60;
	--color-terracotta-dark: #466e34;

	/* Semantic backgrounds */
	--color-bg-base: #f0f4ec;
	--color-bg-surface: #f8faf6;
	--color-bg-elevated: #ffffff;
	--color-bg-overlay: rgba(30, 45, 22, 0.6);
	--color-bg-hover: #dfe8d6;
	--color-bg-active: #ccd8c0;

	/* Text */
	--color-text-heading: #1e2d16;
	--color-text-primary: #2d3f22;
	--color-text-secondary: #4a5e38;
	--color-text-tertiary: #7a8e6a;
	--color-text-muted: #9aaa8a;
	--color-text-inverse: #f0f4ec;

	/* Borders */
	--color-border-subtle: #dde5d4;
	--color-border-default: #c8d6ba;
	--color-border-strong: #8aaa72;

	/* Accents */
	--color-accent-primary: var(--color-copper);
	--color-accent-secondary: var(--color-slate);
	--color-accent-interactive: var(--color-terracotta);
	--color-surface: var(--color-bg-surface);
	--color-surface-elevated: var(--color-bg-elevated);
	--color-brand-primary: var(--color-accent-primary);

	/* Wine type colors */
	--color-wine-red: #8b4049;
	--color-wine-white: #c5a875;
	--color-wine-rose: #d47b84;
	--color-wine-sparkling: #5e8c46;

	/* Status colors */
	--color-success: #4a7850;
	--color-success-bg: #e4f0e6;
	--color-warning: #a06030;
	--color-warning-bg: #f5ead8;
	--color-error: #9b4a4a;
	--color-error-bg: #f5e8e8;
	--color-info: var(--color-slate);
	--color-info-bg: #ede8dc;
	--color-error-dark: #8b3a3a;

	/* Rating colors */
	--color-rating-bad: #dc2626;
	--color-rating-bad-bg: #fde8e8;
	--color-rating-bad-dark: #b91c1c;
	--color-rating-ok: #d97706;
	--color-rating-ok-bg: #fef0c8;
	--color-rating-ok-dark: #b45309;
	--color-rating-good: #16a34a;
	--color-rating-good-bg: #d4f0de;
	--color-rating-good-dark: #15803d;
	--color-rating-very-good: #2563eb;
	--color-rating-very-good-bg: #dbeafe;
	--color-rating-very-good-dark: #1d4ed8;
	--color-rating-excellent: #9333ea;
	--color-rating-excellent-bg: #f0e4ff;
	--color-rating-excellent-dark: #7e22ce;
	--color-rating-spectacular: #b45309;
	--color-rating-spectacular-bg: #fef0c0;
	--color-rating-spectacular-dark: #92400e;
	--color-rating-star: #d97706;
	--color-rating-star-hover: #f59e0b;

	/* Shadows — warm sienna tint */
	--shadow-sm: 0 1px 3px rgba(168, 90, 56, 0.1);
	--shadow-md: 0 4px 12px rgba(168, 90, 56, 0.12);
	--shadow-lg: 0 8px 24px rgba(168, 90, 56, 0.14);
	--shadow-xl: 0 16px 48px rgba(168, 90, 56, 0.16);
	--shadow-ink: 0 2px 8px rgba(200, 106, 72, 0.22);
}

/* ─── Pomme — golden parchment, deep forest green accent (orchard) ──────── */
/*     Harvest-gold surroundings + cool forest green interactive elements    */

[data-theme="pomme"] {
	/* Palette primitives */
	--color-limestone: #f0e8c8;
	--color-limestone-light: #f8f4e0;
	--color-limestone-dark: #e4d8b0;
	--color-sand: #e8dab8;
	--color-sand-dark: #d8c898;
	--color-terracotta-rich: #5a9050;
	--color-wine-barrel: #2a4e28;
	--color-golden-hour: #d4a840;
	--color-olive-shadow: #6a7850;

	/* Legacy color names */
	--color-charcoal: #1e1608;
	--color-charcoal-light: #2e2210;
	--color-charcoal-lighter: #3e3018;
	--color-cream: #faf6e8;
	--color-cream-light: #fffcf4;
	--color-cream-dark: #f0e8c8;
	--color-cream-darker: #e4d8b0;
	/* Primary accent: deep forest green — cool contrast against warm gold */
	--color-copper: #3d6b3a;
	--color-copper-light: #5a8c55;
	--color-copper-dark: #2a4e28;
	--color-copper-darker: #1e3a1c;
	/* Secondary: golden ochre — the dominant bg hue, used subtly as accent */
	--color-slate: #9a7a20;
	--color-slate-light: #b89a40;
	--color-slate-dark: #7a5c14;
	/* Interactive hover: warm apple-golden — complements the forest green */
	--color-terracotta: #c8a030;
	--color-terracotta-light: #dab860;
	--color-terracotta-dark: #a88020;

	/* Semantic backgrounds */
	--color-bg-base: #faf6e8;
	--color-bg-surface: #fffcf4;
	--color-bg-elevated: #ffffff;
	--color-bg-overlay: rgba(30, 22, 8, 0.6);
	--color-bg-hover: #f0e8c8;
	--color-bg-active: #e4d8b0;

	/* Text */
	--color-text-heading: #1e1608;
	--color-text-primary: #2e2210;
	--color-text-secondary: #5a4828;
	--color-text-tertiary: #8a7048;
	--color-text-muted: #b0956a;
	--color-text-inverse: #faf6e8;

	/* Borders */
	--color-border-subtle: #f0e4c0;
	--color-border-default: #e4d0a0;
	--color-border-strong: #c4a870;

	/* Accents */
	--color-accent-primary: var(--color-copper);
	--color-accent-secondary: var(--color-slate);
	--color-accent-interactive: var(--color-terracotta);
	--color-surface: var(--color-bg-surface);
	--color-surface-elevated: var(--color-bg-elevated);
	--color-brand-primary: var(--color-accent-primary);

	/* Wine type colors */
	--color-wine-red: #8b4049;
	--color-wine-white: #c5a875;
	--color-wine-rose: #d47b84;
	--color-wine-sparkling: #5a8c55;

	/* Status colors */
	--color-success: #3d6b3a;
	--color-success-bg: #e4f0e2;
	--color-warning: #9b7d4a;
	--color-warning-bg: #f5ead0;
	--color-error: #9b4a4a;
	--color-error-bg: #f5e8e8;
	--color-info: var(--color-slate);
	--color-info-bg: #f0e8cc;
	--color-error-dark: #8b3a3a;

	/* Rating colors */
	--color-rating-bad: #dc2626;
	--color-rating-bad-bg: #fde8e8;
	--color-rating-bad-dark: #b91c1c;
	--color-rating-ok: #d97706;
	--color-rating-ok-bg: #fef0c0;
	--color-rating-ok-dark: #b45309;
	--color-rating-good: #16a34a;
	--color-rating-good-bg: #dcfce7;
	--color-rating-good-dark: #15803d;
	--color-rating-very-good: #2563eb;
	--color-rating-very-good-bg: #dbeafe;
	--color-rating-very-good-dark: #1d4ed8;
	--color-rating-excellent: #9333ea;
	--color-rating-excellent-bg: #f3e8ff;
	--color-rating-excellent-dark: #7e22ce;
	--color-rating-spectacular: #b45309;
	--color-rating-spectacular-bg: #fef3c0;
	--color-rating-spectacular-dark: #92400e;
	--color-rating-star: #d97706;
	--color-rating-star-hover: #f59e0b;

	/* Shadows — forest-green tint */
	--shadow-sm: 0 1px 3px rgba(61, 107, 58, 0.1);
	--shadow-md: 0 4px 12px rgba(61, 107, 58, 0.12);
	--shadow-lg: 0 8px 24px rgba(61, 107, 58, 0.14);
	--shadow-xl: 0 16px 48px rgba(61, 107, 58, 0.16);
	--shadow-ink: 0 2px 8px rgba(61, 107, 58, 0.2);
}

/* ─── Adriatic — sky-white/Aegean base, warm terracotta accent (Santorini) ── */
/*     Cool blue surroundings + warm terracotta/clay interactive elements      */

[data-theme="adriatic"] {
	/* Palette primitives */
	--color-limestone: #dce8f2;
	--color-limestone-light: #eaf2f8;
	--color-limestone-dark: #c8d8ea;
	--color-sand: #d0e0ec;
	--color-sand-dark: #b8cede;
	--color-terracotta-rich: #c07060;
	--color-wine-barrel: #185880;
	--color-golden-hour: #c8a878;
	--color-olive-shadow: #6a8090;

	/* Legacy color names */
	--color-charcoal: #0a1e30;
	--color-charcoal-light: #162840;
	--color-charcoal-lighter: #2a3e54;
	--color-cream: #f4f8fb;
	--color-cream-light: #fafcfe;
	--color-cream-dark: #dce8f2;
	--color-cream-darker: #c8d8ea;
	/* Primary accent: terracotta — warm contrast against cool Aegean blue */
	--color-copper: #c8826d;
	--color-copper-light: #d9a08d;
	--color-copper-dark: #a8604a;
	--color-copper-darker: #8a4030;
	/* Secondary: Aegean blue — the dominant environment hue, used subtly */
	--color-slate: #2070a0;
	--color-slate-light: #3090c0;
	--color-slate-dark: #185880;
	/* Interactive hover: warm amber-ochre — sun-bleached stone warmth */
	--color-terracotta: #d4925a;
	--color-terracotta-light: #e0aa78;
	--color-terracotta-dark: #b87040;

	/* Semantic backgrounds */
	--color-bg-base: #f4f8fb;
	--color-bg-surface: #ffffff;
	--color-bg-elevated: #ffffff;
	--color-bg-overlay: rgba(10, 30, 48, 0.65);
	--color-bg-hover: #dce8f2;
	--color-bg-active: #c8d8ea;

	/* Text */
	--color-text-heading: #0a1e30;
	--color-text-primary: #162840;
	--color-text-secondary: #3a5470;
	--color-text-tertiary: #6a8090;
	--color-text-muted: #9ab0c0;
	--color-text-inverse: #f4f8fb;

	/* Borders */
	--color-border-subtle: #dce8f2;
	--color-border-default: #c0d4e4;
	--color-border-strong: #7a9ab0;

	/* Accents */
	--color-accent-primary: var(--color-copper);
	--color-accent-secondary: var(--color-slate);
	--color-accent-interactive: var(--color-terracotta);
	--color-surface: var(--color-bg-surface);
	--color-surface-elevated: var(--color-bg-elevated);
	--color-brand-primary: var(--color-accent-primary);

	/* Wine type colors */
	--color-wine-red: #8b4049;
	--color-wine-white: #c5a875;
	--color-wine-rose: #d47b84;
	--color-wine-sparkling: #3090c0;

	/* Status colors */
	--color-success: #4a8858;
	--color-success-bg: #e4eeea;
	--color-warning: #b07840;
	--color-warning-bg: #f5ead8;
	--color-error: #9b4a4a;
	--color-error-bg: #f5e8e8;
	--color-info: var(--color-slate);
	--color-info-bg: #dce8f4;
	--color-error-dark: #8b3a3a;

	/* Rating colors */
	--color-rating-bad: #dc2626;
	--color-rating-bad-bg: #fde8e8;
	--color-rating-bad-dark: #b91c1c;
	--color-rating-ok: #d97706;
	--color-rating-ok-bg: #fef3c7;
	--color-rating-ok-dark: #b45309;
	--color-rating-good: #16a34a;
	--color-rating-good-bg: #dcfce7;
	--color-rating-good-dark: #15803d;
	--color-rating-very-good: #2563eb;
	--color-rating-very-good-bg: #d8e8f8;
	--color-rating-very-good-dark: #1d4ed8;
	--color-rating-excellent: #9333ea;
	--color-rating-excellent-bg: #f3e8ff;
	--color-rating-excellent-dark: #7e22ce;
	--color-rating-spectacular: #b45309;
	--color-rating-spectacular-bg: #fef3c7;
	--color-rating-spectacular-dark: #92400e;
	--color-rating-star: #d97706;
	--color-rating-star-hover: #f59e0b;

	/* Shadows — warm terracotta tint against cool base */
	--shadow-sm: 0 1px 3px rgba(22, 40, 64, 0.08);
	--shadow-md: 0 4px 12px rgba(22, 40, 64, 0.1);
	--shadow-lg: 0 8px 24px rgba(22, 40, 64, 0.12);
	--shadow-xl: 0 16px 48px rgba(22, 40, 64, 0.15);
	--shadow-ink: 0 2px 8px rgba(200, 130, 109, 0.2);
}