/*
 * Breakpoints (mobile-first, min-width):
 *   sm:  900px  — tablet+; NavMenu sidebar, PlayPage side-by-side layout
 *   md: 1200px  — medium desktop; reserved
 *   lg: 1440px  — wide desktop; TOC sidebar, wide content layouts
 *

 /***************************
*       Dark Kaya Theme    *
*  Warm wood-inspired palette
*  inspired by kaya shogi boards
***************************/

.PrimaryTheme {
	/* Core */
	--backgroundColor: #3b2e22;
	--middlegroundColor: #c4a882;
	--foregroundColor: #ede4d4;
	--hrefColor: #d4a44a;
	--middlegroundHrefColor: #8b6914;
	--uniformBottomMargin: 0.5rem;

	/* Surfaces (depth hierarchy) */
	--surfaceDeep: #2a2018;
	--surfaceInset: #33271c;
	--surfaceRaised: #4a3828;
	--surfaceOverlay: rgba(30, 22, 16, 0.92);

	/* Borders */
	--borderDefault: #5a4535;
	--borderSubtle: #7a6550;

	/* Text variants */
	--textMuted: #9c8b78;
	--textSubtle: #b8a898;

	/* Accent colors */
	--accentGold: #f0d060;
	--accentBlue: #5599cc;
	--accentBlueBright: #88ccff;
	--accentBlueBackground: #2a4050;

	/* Status colors */
	--statusDanger: darkred;
	--statusSuccess: darkgreen;
	--statusSuccessText: #7dc97d;
	--statusSuccessBackground: rgba(80, 160, 80, 0.2);
	--statusErrorText: #f44336;
	--statusSuccessConfirmText: #4caf50;

	/* Card/input */
	--cardBackground: rgba(255, 255, 255, 0.05);
	--cardBackgroundHover: rgba(255, 255, 255, 0.1);
	--cardBorder: rgba(255, 255, 255, 0.08);
	--inputBackground: rgba(255, 255, 255, 0.08);
	--inputBorder: rgba(255, 255, 255, 0.15);
	--shadowDefault: rgba(0, 0, 0, 0.35);
	--shadowHeavy: rgba(0, 0, 0, 0.45);

	/* Overlay/interaction */
	--backdropColor: rgba(0, 0, 0, 0.45);
	--tooltipBackground: rgba(0, 0, 0, 0.8);
	--hoverHighlight: rgba(128, 128, 128, 0.15);

	/* Game/panel context */
	--boardTileColor: beige;
	--panelTextColor: beige;
	--moveEntryColor: #c8b87a;
	--inspectedPieceTitle: #f5f5dc;
}


/***************************
*     Contrast Variant     *
***************************/

.PrimaryTheme .ThemeVariant--Contrast {
	/* Core */
	--backgroundColor: #ede4d4;
	--foregroundColor: #3b2e22;
	--middlegroundColor: #6b5340;
	--hrefColor: #8b6914;

	/* Surfaces */
	--surfaceDeep: #f5ead8;
	--surfaceInset: #f0e2cc;
	--surfaceRaised: #e0d0b8;
	--surfaceOverlay: rgba(240, 230, 215, 0.95);

	/* Borders */
	--borderDefault: #c4a882;
	--borderSubtle: #a89070;

	/* Text variants */
	--textMuted: #7a6a58;
	--textSubtle: #6b5b4b;

	/* Accent colors */
	--accentGold: #a07800;
	--accentBlue: #336699;
	--accentBlueBright: #2277bb;
	--accentBlueBackground: #d0e4f0;

	/* Status colors */
	--statusSuccessText: #2d8f2d;
	--statusSuccessBackground: rgba(80, 160, 80, 0.25);
	--statusErrorText: #d32f2f;
	--statusSuccessConfirmText: #2e7d32;

	/* Card/input */
	--cardBackground: rgba(0, 0, 0, 0.04);
	--cardBackgroundHover: rgba(0, 0, 0, 0.07);
	--cardBorder: rgba(0, 0, 0, 0.1);
	--inputBackground: rgba(0, 0, 0, 0.06);
	--inputBorder: rgba(0, 0, 0, 0.2);
	--shadowDefault: rgba(0, 0, 0, 0.15);
	--shadowHeavy: rgba(0, 0, 0, 0.2);
}