:root {
	/* Account ticket history: shared surfaces and status treatments from Figma. */
	--account-card-border: #efefef;
	--account-data-border: #eaecf0;
	--account-data-surface: #f8fafc;
	--account-summary-surface: #f8fdff;
	--account-info-surface: #f0f9ff;
	--account-info-border: #b9e6fe;
	--account-muted: #667085;
	--account-status-success: #067a56;
	--account-status-success-surface: #e8fff7;
	--account-status-processing: #1f3cce;
	--account-status-processing-surface: #f5f7ff;
	--account-status-error: #c92c36;
	--account-status-error-surface: #fff9f9;
	--account-shadow-card: 0 6px 11.9px rgb(0 0 0 / 9%);
	--account-panel-surface: #fbfbfb;
	--account-panel-shadow: 0 8px 20.2px rgb(0 0 0 / 10%);
	/* Blue */
	--blue-50: #e6f5fb;
	--blue-100: #b0e0f3;
	--blue-200: #8ad1ed;
	--blue-300: #54bbe4;
	--blue-400: #33aedf;
	--blue-500: #009ad7;
	--blue-600: #008cc4;
	--blue-700: #006d99;
	--blue-800: #005576;
	--blue-900: #00415a;

	/* Blue Dark */
	--blue-dark-50: #e9eaeb;
	--blue-dark-100: #bbbfc2;
	--blue-dark-200: #9ba0a4;
	--blue-dark-300: #6d757a;
	--blue-dark-400: #515a61;
	--blue-dark-500: #253139;
	--blue-dark-600: #222d34;
	--blue-dark-700: #1a2328;
	--blue-dark-800: #141b1f;
	--blue-dark-900: #101518;

	/* Semantic brand tokens */
	--Background: #fcfcfc;
	--brand-primary: var(--blue-500);
	--brand-primary-hover: var(--blue-600);
	--brand-secondary: var(--blue-dark-500);
	--color-text: var(--blue-dark-500);
	--color-text-muted: var(--blue-dark-300);
	--color-surface: #fff;
	--color-surface-soft: var(--blue-50);
	--color-border: var(--blue-dark-50);
	--color-success: #00de70;
	--color-success-surface: #e3fff1;
	--color-danger: #ff3239;
	--color-danger-surface: #ffeded;
	--sale-available: #00bf66;
	--sale-sold-out: #c44545;
	--sale-ended: #6b7378;
	--home-sale-available: #2ca65e;
	--home-sale-available-text: #176b3b;
	--home-sale-upcoming-text: #a33b12;
	--home-sale-sold-out-text: #a63737;
	--home-sale-ended-text: #555d62;
	--home-sale-available-surface: #eafff3;
	--home-sale-upcoming: #f56223;
	--home-sale-upcoming-surface: #ffeae0;
	--home-sale-sold-out-surface: #ffeeee;
	--home-sale-ended-surface: #eaeaea;
	--font-body: "Inter", Arial, sans-serif;
	--font-heading: "Bebas Neue", Impact, sans-serif;
	--font-heading-weight: 400;
	--container-site: 1280px;
	--container-content: var(--container-site);
	--container-gutter: 16px;
	--space-section: clamp(3rem, 7vw, 6rem);
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-button: 14px;
	--button-primary: #1ab1e7;
	--button-primary-hover: #009ad7;
	--shadow-card: 0 18px 55px rgb(29 53 66 / 14%);
	--transition-fast: 160ms ease;

	/* Compatibility aliases consumed by the current OTC plugin views. */
	--otc-sky: var(--brand-primary);
	--otc-sky-dark: var(--brand-primary-hover);
	--otc-blue: var(--brand-secondary);
	--otc-ink: var(--color-text);
	--otc-muted: var(--color-text-muted);
	--otc-soft: var(--color-surface-soft);
	--otc-line: var(--color-border);
	--otc-press-ink: var(--color-text);
	--otc-press-blue: var(--brand-secondary);
	--otc-press-sky: var(--brand-primary);
	--otc-press-line: var(--color-border);
	--otc-press-muted: var(--color-text-muted);
}

/* The upcoming-events stylesheet scopes its original palette locally. */
.otc-upcoming {
	--otc-sky: var(--brand-primary);
	--otc-sky-dark: var(--brand-primary-hover);
	--otc-blue: var(--brand-secondary);
	--otc-ink: var(--color-text);
	--otc-line: var(--color-border);
}