/**
 * WCCE red, white, and black brand system.
 * The legacy variable names are retained so existing theme components inherit
 * the new palette without changing saved content or template markup.
 */
:root {
	--ink: #090909;
	--charcoal: #171717;
	--green: #d90000;
	--green-2: #a80000;
	--felt: #c90000;
	--gold: #e10600;
	--gold-light: #ffffff;
	--cream: #f5f5f5;
	--paper: #ffffff;
	--muted: #4b4b4b;
	--line: #dedede;
	--white: #ffffff;
	--shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
	--serif: "Times New Roman", Times, serif;
	--sans: "Times New Roman", Times, serif;
}

body,
button,
input,
select,
textarea {
	font-family: "Times New Roman", Times, serif;
}

body {
	background: #ffffff;
	color: #090909;
}

a {
	color: #b00000;
}

a:hover,
a:focus-visible {
	color: #790000;
}

.eyebrow {
	color: #ffffff;
}

.eyebrow.dark {
	color: #b00000;
}

.button,
.button-gold {
	background: #d90000;
	color: #ffffff;
}

.button:hover,
.button-gold:hover,
.button:focus-visible,
.button-gold:focus-visible {
	background: #9f0000;
	color: #ffffff;
}

.button-dark {
	background: #090909;
}

.button-dark:hover,
.button-dark:focus-visible {
	background: #2c2c2c;
}

.button-outline {
	border-color: rgba(255, 255, 255, 0.78);
	background: transparent;
}

.utility-bar {
	background: #090909;
	color: #ffffff;
}

.utility-bar a {
	color: #ffffff;
}

.utility-location a::before {
	color: #e10600;
}

.site-header {
	background: #ffffff;
}

.brand-icon {
	background: #d90000;
	color: #ffffff;
}

.primary-navigation a:hover,
.primary-navigation a:focus-visible,
.primary-navigation .current-menu-item > a,
.primary-navigation .current-menu-ancestor > a {
	color: #c40000;
}

.primary-navigation .sub-menu {
	background: #ffffff;
	border-top: 3px solid #d90000;
}

.hero {
	background: linear-gradient(125deg, #080808 0%, #350000 52%, #b40000 100%);
}

.hero-pattern {
	background:
		radial-gradient(circle at 78% 35%, rgba(255, 255, 255, 0.15), transparent 30%),
		linear-gradient(135deg, transparent 48%, rgba(255, 255, 255, 0.035) 48%, rgba(255, 255, 255, 0.035) 52%, transparent 52%);
	background-size: auto, 42px 42px;
}

.hero-lede,
.trust-list,
.page-hero p:last-child {
	color: #f3f3f3;
}

.trust-list li::before {
	color: #ffffff;
}

.table-scene {
	border-color: #0a0a0a;
	background: radial-gradient(ellipse at center, #ec1c24, #a00000 72%);
	box-shadow: 0 40px 90px rgba(0, 0, 0, 0.45), inset 0 0 0 5px #ffffff;
}

.felt-label {
	border-color: rgba(255, 255, 255, 0.62);
}

.playing-card.red {
	color: #d90000;
}

.chip-two,
.chip-three {
	background: #d90000;
}

.section-services,
.process-section,
.entry-content .wp-block-group,
.form-card,
.contact-location {
	background: #f5f5f5;
}

.service-card {
	background: #ffffff;
	border-color: rgba(0, 0, 0, 0.1);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
}

.service-icon {
	background: #f8dddd;
	color: #c60000;
}

.table-showcase {
	background: #111111;
}

.table-showcase p {
	color: #eeeeee;
}

.roulette-wheel {
	border-color: #050505;
	background: repeating-conic-gradient(
		#ffffff 0 9deg,
		#ffffff 9deg 10deg,
		#111111 10deg 19deg,
		#ffffff 19deg 20deg,
		#d90000 20deg 29deg,
		#ffffff 29deg 30deg
	);
	box-shadow: 0 35px 55px rgba(0, 0, 0, 0.35), inset 0 0 0 18px #d7d7d7;
}

.wheel-center {
	border-color: #ffffff;
	background: #d90000;
	color: #ffffff;
}

.game-list span {
	color: #ffffff;
}

.event-grid a {
	background: linear-gradient(145deg, #d90000, #650000);
}

.event-grid a:nth-child(even) {
	background: linear-gradient(145deg, #242424, #050505);
}

.event-grid small {
	color: #f1f1f1;
}

.process-list > li > span {
	background: #d90000;
	color: #ffffff;
}

.cta-section {
	background: #090909;
}

.cta-inner p:last-child {
	color: #eeeeee;
}

.page-hero {
	background: linear-gradient(125deg, #090909, #a90000);
}

.wcce-form label {
	color: #181818;
}

.wcce-form label span {
	color: #c50000;
}

.wcce-form input,
.wcce-form select,
.wcce-form textarea {
	border-color: #b9b9b9;
}

.wcce-form input:focus,
.wcce-form select:focus,
.wcce-form textarea:focus {
	outline-color: rgba(217, 0, 0, 0.2);
	border-color: #d90000;
}

.form-notice.success {
	background: #eeeeee;
	color: #151515;
	border-left: 4px solid #d90000;
}

.check-list li::before {
	background: #f5d7d7;
	color: #c50000;
}

.site-footer {
	background: #050505;
	color: #d7d7d7;
}

.site-footer a {
	color: #ffffff;
}

.site-footer a:hover,
.site-footer a:focus-visible {
	color: #ff5757;
}

.footer-brand .brand-icon {
	background: #d90000;
	color: #ffffff;
}

@media (max-width: 820px) {
	.primary-navigation {
		background: #ffffff;
	}
}