/**
 * Tournament System — global UI tokens (loaded before all other TMS stylesheets).
 * Canonical palette: page rgb(26 26 26), fields #1b1c1e, primary buttons gold gradient.
 * Semantic status colors (success / danger / warning / info) stay distinct.
 * Override via Settings → Tournament appearance or the `tms_ui_theme_tokens` filter.
 */
:root {
	/* Surfaces */
	--tms-page-bg: rgb(26 26 26);
	--tms-field-surface: #1b1c1e;
	--tms-btn-primary-gradient: linear-gradient(135deg, #7e7228, #e59e00);
	--tms-btn-primary-text: #0c0a06;
	--tms-primary-text: #0c0a06;

	/* Legacy names used across stylesheets */
	--tms-bg: var(--tms-page-bg);
	--tms-bg-primary: var(--tms-page-bg);
	--tms-bg-secondary: var(--tms-field-surface);
	--tms-bg-sidebar: var(--tms-field-surface);
	--tms-bg-sidebar-dark: var(--tms-page-bg);
	--tms-card-bg: var(--tms-field-surface);
	--tms-card-bg-2: #202124;
	--tms-card-bg-3: #25262a;
	--tms-card-border: rgba(255, 255, 255, 0.12);
	--tms-border: rgba(255, 255, 255, 0.12);
	--tms-border-light: rgba(255, 255, 255, 0.08);

	/* Solid accent (focus rings, links, non-button highlights) */
	--tms-primary: #e59e00;
	--tms-primary-dark: #7e7228;
	--tms-primary-rgb: 229, 158, 0;
	--tms-primary-soft: rgba(229, 158, 0, 0.16);

	--tms-secondary: #525252;

	/* Status — keep recognizable hues */
	--tms-success: #22c55e;
	--tms-danger: #ef4444;
	--tms-warning: #f59e0b;
	--tms-info: #38bdf8;

	--tms-text-primary: #fafafa;
	--tms-text-secondary: #a3a3a3;
	--tms-text-light: #ffffff;
	--tms-text-muted: #737373;

	--tms-text: var(--tms-text-primary);
	--tms-muted: var(--tms-text-secondary);

	--tms-locked: #737373;

	--tms-spacing-xs: 4px;
	--tms-spacing-sm: 8px;
	--tms-spacing-md: 16px;
	--tms-spacing-lg: 24px;
	--tms-spacing-xl: 32px;
	--tms-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
	--tms-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.4);
	--tms-shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.45);
	--tms-radius-sm: 4px;
	--tms-radius: 8px;
	--tms-radius-lg: 12px;

	/* WP-compat keys — TMS uses gold + neutrals (not WP blue) */
	--tms-color-wp-blue: #e59e00;
	--tms-color-wp-blue-bright: #f4b942;
	--tms-color-wp-blue-hover: #cf8a00;
	--tms-color-wp-danger: #d63638;
	--tms-color-wp-success: #00a32a;
	--tms-color-wp-border: rgba(255, 255, 255, 0.14);
	--tms-color-wp-text: #fafafa;
	--tms-color-wp-text-muted: #a3a3a3;
}