/**
 * Online deck colors — bound 1:1 to physical card decks.
 *
 * Physical cards are beige-faced (--kd-bg) with a Paper White back
 * (--kd-back); the deck color shows only as a thin accent line along the
 * bottom edge, not a full-card wash (product decision 2026-09-10 —
 * see plugins/shturko-unlock/assets/shturko-kitchen-deck.css).
 *
 * Online UI uses the same saturated ACCENT for hub tabs, level underlines,
 * card accent lines, and labels — not for primary buttons.
 * Primary CTAs are always Adventure Orange #F04D23 (docs/design/design-system.md §8).
 * Section shells stay white.
 *
 * | Deck                    | Online accent | Hover   | On-accent text |
 * |-------------------------|---------------|---------|----------------|
 * | Кухня                   | #F04D23       | #DF411D | #FFFFFF        |
 * | Машини                  | #287B9B       | #1F6480 | #FFFFFF        |
 * | Растения                | #607B3A       | #4D632E | #FFFFFF        |
 * | Плодове и зеленчуци     | #F4A62A       | #D98D16 | #123B64        |
 * | Дрехи                   | #8B6BB8       | #7356A0 | #FFFFFF        |
 * | Животни                 | #C46A2A       | #A85720 | #FFFFFF        |
 * | Растения — цветя        | #3E8A72       | #31705C | #FFFFFF        |
 * | Части на тялото         | #D96B6B       | #BF5454 | #FFFFFF        |
 * | Демо (no physical deck) | #123B64       | #0D2D4C | #FFFFFF        |
 *
 * Keep PHP Shturko_Deck_Game_Cards::DECK_ACCENTS in sync with this file.
 */

:root {
	--deck-kitchen-accent: #f04d23;
	--deck-kitchen-accent-hover: #df411d;
	--deck-kitchen-on-accent: #ffffff;

	--deck-machines-accent: #287b9b;
	--deck-machines-accent-hover: #1f6480;
	--deck-machines-on-accent: #ffffff;

	--deck-plants-accent: #607b3a;
	--deck-plants-accent-hover: #4d632e;
	--deck-plants-on-accent: #ffffff;

	--deck-fruits-accent: #f4a62a;
	--deck-fruits-accent-hover: #d98d16;
	--deck-fruits-on-accent: #123b64;

	--deck-clothes-accent: #8b6bb8;
	--deck-clothes-accent-hover: #7356a0;
	--deck-clothes-on-accent: #ffffff;

	--deck-animals-accent: #c46a2a;
	--deck-animals-accent-hover: #a85720;
	--deck-animals-on-accent: #ffffff;

	--deck-plants-extension-accent: #3e8a72;
	--deck-plants-extension-accent-hover: #31705c;
	--deck-plants-extension-on-accent: #ffffff;

	--deck-body-accent: #d96b6b;
	--deck-body-accent-hover: #bf5454;
	--deck-body-on-accent: #ffffff;

	--deck-demo-accent: #123b64;
	--deck-demo-accent-hover: #0d2d4c;
	--deck-demo-on-accent: #ffffff;

	--deck-accent: var(--deck-demo-accent);
	--deck-accent-hover: var(--deck-demo-accent-hover);
	--deck-on-accent: var(--deck-demo-on-accent);
}

[data-shturko-deck="demo"],
[data-shturko-hub-tab="demo"],
[data-shturko-hub-panel="demo"],
[data-dp-deck="demo"] {
	--deck-accent: var(--deck-demo-accent);
	--deck-accent-hover: var(--deck-demo-accent-hover);
	--deck-on-accent: var(--deck-demo-on-accent);
}

[data-shturko-deck="kitchen"],
[data-shturko-hub-tab="kitchen"],
[data-shturko-hub-panel="kitchen"],
[data-dp-deck="kitchen"] {
	--deck-accent: var(--deck-kitchen-accent);
	--deck-accent-hover: var(--deck-kitchen-accent-hover);
	--deck-on-accent: var(--deck-kitchen-on-accent);
}

[data-shturko-deck="machines"],
[data-shturko-hub-tab="machines"],
[data-shturko-hub-panel="machines"],
[data-dp-deck="machines"] {
	--deck-accent: var(--deck-machines-accent);
	--deck-accent-hover: var(--deck-machines-accent-hover);
	--deck-on-accent: var(--deck-machines-on-accent);
}

[data-shturko-deck="plants"],
[data-shturko-hub-tab="plants"],
[data-shturko-hub-panel="plants"],
[data-dp-deck="plants"] {
	--deck-accent: var(--deck-plants-accent);
	--deck-accent-hover: var(--deck-plants-accent-hover);
	--deck-on-accent: var(--deck-plants-on-accent);
}

[data-shturko-deck="fruits"],
[data-shturko-deck="fruits_vegetables"],
[data-shturko-hub-tab="fruits_vegetables"],
[data-shturko-hub-panel="fruits_vegetables"],
[data-dp-deck="fruits"],
[data-dp-deck="fruits_vegetables"] {
	--deck-accent: var(--deck-fruits-accent);
	--deck-accent-hover: var(--deck-fruits-accent-hover);
	--deck-on-accent: var(--deck-fruits-on-accent);
}

[data-shturko-deck="clothes"],
[data-shturko-hub-tab="clothes"],
[data-shturko-hub-panel="clothes"],
[data-dp-deck="clothes"] {
	--deck-accent: var(--deck-clothes-accent);
	--deck-accent-hover: var(--deck-clothes-accent-hover);
	--deck-on-accent: var(--deck-clothes-on-accent);
}

[data-shturko-deck="animals"],
[data-shturko-hub-tab="animals"],
[data-shturko-hub-panel="animals"],
[data-dp-deck="animals"] {
	--deck-accent: var(--deck-animals-accent);
	--deck-accent-hover: var(--deck-animals-accent-hover);
	--deck-on-accent: var(--deck-animals-on-accent);
}

[data-shturko-deck="plants-extension"],
[data-shturko-hub-tab="plants-extension"],
[data-shturko-hub-panel="plants-extension"],
[data-dp-deck="plants-extension"] {
	--deck-accent: var(--deck-plants-extension-accent);
	--deck-accent-hover: var(--deck-plants-extension-accent-hover);
	--deck-on-accent: var(--deck-plants-extension-on-accent);
}

[data-shturko-deck="body"],
[data-shturko-hub-tab="body"],
[data-shturko-hub-panel="body"],
[data-dp-deck="body"] {
	--deck-accent: var(--deck-body-accent);
	--deck-accent-hover: var(--deck-body-accent-hover);
	--deck-on-accent: var(--deck-body-on-accent);
}