/**
 * Themex Currency Manager — design tokens (single source of truth).
 * Admin UI uses --themx-wcmc-admin-* and shared palette vars.
 * Frontend bar uses --themx-wcmc-bar-* on :root; .themx-wcmc-bar maps PHP-overridable aliases.
 */
:root {
	/* Brand */
	--themx-wcmc-accent: #f78080;
	--themx-wcmc-accent-hover: #e96a6a;
	--themx-wcmc-accent-light: #f88e8e;
	--themx-wcmc-accent-soft: rgba(247, 128, 128, 0.12);
	--themx-wcmc-accent-border: rgba(247, 128, 128, 0.25);
	--themx-wcmc-accent-shadow: rgba(247, 128, 128, 0.4);
	--themx-wcmc-accent-shadow-strong: rgba(247, 128, 128, 0.45);

	/* Surfaces */
	--themx-wcmc-surface: #ffffff;
	--themx-wcmc-surface-muted: #f6f7f9;
	--themx-wcmc-surface-wp: #f6f7f7;
	--themx-wcmc-surface-secondary: #f0f0f1;
	--themx-wcmc-surface-secondary-hover: #e8e8e9;
	--themx-wcmc-surface-footer: rgba(255, 255, 255, 0.92);

	/* Text */
	--themx-wcmc-admin-text: #1d2327;
	--themx-wcmc-text-muted: #646970;
	--themx-wcmc-text-dark: rgba(0, 0, 0, 0.87);
	--themx-wcmc-text-on-light: #ffffff;

	/* Borders */
	--themx-wcmc-border: #e5e7eb;
	--themx-wcmc-border-soft: #f0f1f3;
	--themx-wcmc-border-wp: #c3c4c7;
	--themx-wcmc-border-input: #d4d4d5;
	--themx-wcmc-border-light: #e8e8e8;
	--themx-wcmc-border-strong: #8c8f94;
	--themx-wcmc-border-subtle: #e0e0e0;
	--themx-wcmc-border-flag: #dcdcde;
	--themx-wcmc-border-semantic: rgba(34, 36, 38, 0.15);

	/* WordPress / UI palette */
	--themx-wcmc-primary: #2271b1;
	--themx-wcmc-primary-hover: #135e96;
	--themx-wcmc-toggle-on: #2185d0;
	--themx-wcmc-info: #4f94d4;
	--themx-wcmc-disabled: #a7aaad;
	--themx-wcmc-spinner: #50575e;

	/* Status */
	--themx-wcmc-success: #10b981;
	--themx-wcmc-success-hover: #059669;
	--themx-wcmc-success-text: #00a32a;
	--themx-wcmc-success-shadow: rgba(16, 185, 129, 0.35);
	--themx-wcmc-danger: #d63638;
	--themx-wcmc-danger-hover: #b32d2e;
	--themx-wcmc-warning: #f0a000;
	--themx-wcmc-warning-hover: #e09000;

	/* Shadows (admin composite) */
	--themx-wcmc-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 8px 24px rgba(15, 23, 42, 0.06);
	--themx-wcmc-shadow-tab: 0 -2px 8px rgba(15, 23, 42, 0.04);
	--themx-wcmc-shadow-footer: 0 -4px 24px rgba(15, 23, 42, 0.08);
	--themx-wcmc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.15);
	--themx-wcmc-shadow-md: 0 2px 10px rgba(0, 0, 0, 0.12);
	--themx-wcmc-shadow-inset: 0 1px 0 rgba(0, 0, 0, 0.08);
	--themx-wcmc-white-45: rgba(255, 255, 255, 0.45);

	/* Layout */
	--themx-wcmc-radius: 12px;
	--themx-wcmc-radius-sm: 8px;
	--themx-wcmc-transparent: transparent;

	/* Frontend currencies bar — defaults (Design settings override on .themx-wcmc-bar) */
	--themx-wcmc-bar-text: #ffffff;
	--themx-wcmc-bar-main: #f78080;
	--themx-wcmc-bar-bg: #161616;
	--themx-wcmc-bar-hover: #f78080;
	--themx-wcmc-bar-expand-color: #cccccc;
	--themx-wcmc-bar-expand-bg: #999999;
	--themx-wcmc-bar-expand-opacity: 1;
	--themx-wcmc-bar-top: 50%;
	--themx-wcmc-bar-max-height: none;
	--themx-wcmc-bar-shadow-color: rgba(0, 0, 0, 0.2);
	--themx-wcmc-icon-bg: #ffffff;
	--themx-wcmc-icon-fg: #1d1d1d;
	--themx-wcmc-loading-overlay: rgba(255, 255, 255, 0.75);
	--themx-wcmc-loading-box-bg: #1d2327;
	--themx-wcmc-product-border: #dddddd;
	--themx-wcmc-product-bg: #ffffff;
}

/* Aliases for inline Design overrides from class-design.php */
.themx-wcmc-bar {
	--themx-wcmc-text: var(--themx-wcmc-bar-text);
	--themx-wcmc-main: var(--themx-wcmc-bar-main);
	--themx-wcmc-bg: var(--themx-wcmc-bar-bg);
	--themx-wcmc-hover: var(--themx-wcmc-bar-hover);
	--themx-wcmc-expand-color: var(--themx-wcmc-bar-expand-color);
	--themx-wcmc-expand-bg: var(--themx-wcmc-bar-expand-bg);
	--themx-wcmc-expand-opacity: var(--themx-wcmc-bar-expand-opacity);
}