/**
 * COMPATIBILITY SHIM — temporary, delete when the last --x-* reference is gone.
 * =============================================================================
 * The design system now lives in system.css under the --g-* namespace. A lot of
 * older CSS in style.css still asks for --x-* names, and rewriting every one of
 * those rules in a single pass would be a large, risky diff for no visual gain.
 *
 * So this file re-points the old names at the new ones. Legacy rules keep
 * working and immediately pick up the retrofuture palette, and pages can be
 * migrated to .g-* components one at a time instead of all at once.
 *
 * Rules:
 *   - Do NOT add new --x-* tokens here. New work uses --g-* from system.css.
 *   - When a page is migrated, delete the --x-* rules it leaves behind.
 *   - This file disappears entirely once nothing references --x-*.
 *
 * Loaded BEFORE system.css so system.css remains the source of truth.
 */

:root {
	/* brand green -> the CRT phosphor */
	--x-green: #74ffb0;
	--x-green-hover: #b9ffd7;
	--x-green-active: #1f8f5c;
	--x-green-border: #6b5423;
	--x-green-a15: rgba(116, 255, 176, 0.15);
	--x-green-a30: rgba(116, 255, 176, 0.30);
	--x-green-a60: rgba(116, 255, 176, 0.60);

	/* surfaces -> hull */
	--x-bg: #0d0b09;
	--x-surface-1: #16160f;
	--x-surface-2: #23231a;
	--x-surface-3: #32322a;
	--x-surface-overlay: rgba(13, 11, 9, 0.85);
	--x-border: rgba(216, 207, 184, 0.14);
	--x-border-strong: rgba(216, 207, 184, 0.28);

	/* text -> ink */
	--x-text: #ddd4bd;
	--x-text-muted: #9a9280;
	--x-text-dim: #6b665a;
	--x-text-inverse: #14120c;

	/* feedback -> lamps */
	--x-danger: #e4483c;
	--x-warning: #ffb037;
	--x-success: #74ffb0;

	/* element colours are unchanged by the redesign */
	--x-type-fire: #df6d5e;
	--x-type-water: #60a0c5;
	--x-type-air: #ffffff;
	--x-type-electric: #e2bd43;
	--x-type-rock: #8d7050;
	--x-type-plant: #708844;
	--x-type-chemical: #64bd9f;
	--x-type-light: #ffffc7;
	--x-type-dark: #57619c;
	--x-type-metal: #8d8d8d;
	--x-type-psychic: #d39bcb;
	--x-type-ghost: #8764a8;
	--x-type-ice: #85dde4;
	--x-type-sand: #e6b26f;

	/* spacing / radius / motion map straight onto the new scale */
	--x-space-1: 4px;
	--x-space-2: 8px;
	--x-space-3: 12px;
	--x-space-4: 16px;
	--x-space-5: 24px;
	--x-space-6: 32px;
	--x-space-7: 48px;
	--x-space-8: 64px;

	--x-radius-sm: 3px;
	--x-radius-md: 4px;
	--x-radius-lg: 8px;
	--x-radius-xl: 14px;
	--x-radius-pill: 999px;

	--x-glow-inset: inset 0px 0px 30px;
	--x-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.5);
	--x-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.6);

	/* the old display font is gone; these now resolve to the console faces */
	--x-font-display: 'Oswald', 'Barlow Condensed', Impact, sans-serif;
	--x-font-body: 'Barlow', system-ui, sans-serif;

	--x-text-xs: 0.75rem;
	--x-text-sm: 0.875rem;
	--x-text-md: 1rem;
	--x-text-lg: 1.25rem;
	--x-text-xl: 1.75rem;
	--x-text-2xl: 2.5rem;
	--x-measure: 68ch;

	--x-transition-fast: 90ms cubic-bezier(0.3, 0, 0.2, 1);
	--x-transition: 200ms cubic-bezier(0.3, 0, 0.2, 1);

	--x-layer-navbar: 500;
	--x-layer-modal: 1000;
}