/*
 * PowerLand Design System — RDX-01 draft tokens
 *
 * This file is intentionally NOT enqueued yet. It defines the semantic contract
 * for the redesign and is inert until a later, reviewed feature-flag package
 * explicitly adds it to the frontend.
 */

.powerland-ui-v2,
[data-powerland-ui="v2"] {
	/* Brand */
	--pl-color-brand-ink: #082b3d;
	--pl-color-brand-primary: #00abff;
	--pl-color-brand-secondary: #0794b2;
	--pl-color-brand-accent: #59d8eb;
	--pl-color-brand-success: #18b46b;

	/* Semantic color — light */
	--pl-color-bg-canvas: #f6fafb;
	--pl-color-bg-surface: #ffffff;
	--pl-color-bg-subtle: #edf5f7;
	--pl-color-bg-inverse: #082b3d;
	--pl-color-text-primary: #162033;
	--pl-color-text-secondary: #4c727f;
	--pl-color-text-muted: #587681;
	--pl-color-text-on-brand: #082b3d;
	--pl-color-border-subtle: #d6e6eb;
	--pl-color-border-strong: #9db8c2;
	--pl-color-link: #007eaa;
	--pl-color-link-hover: #005e80;
	--pl-color-focus: #00abff;
	--pl-color-success: #147a4c;
	--pl-color-warning: #a65d00;
	--pl-color-danger: #bd2c3f;
	--pl-color-info: #006f94;

	/* Typography */
	--pl-font-family-sans: "IRANSansWeb", "IranSans", Tahoma, Arial, sans-serif;
	--pl-font-family-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
	--pl-font-size-100: 0.75rem;
	--pl-font-size-200: 0.8125rem;
	--pl-font-size-300: 0.875rem;
	--pl-font-size-400: 1rem;
	--pl-font-size-500: 1.125rem;
	--pl-font-size-600: 1.375rem;
	--pl-font-size-700: 1.75rem;
	--pl-font-size-800: 2.25rem;
	--pl-font-size-900: 2.6875rem;
	--pl-font-size-display: 4.1875rem;
	--pl-line-height-tight: 1.2;
	--pl-line-height-heading: 1.32;
	--pl-line-height-body: 1.75;
	--pl-font-weight-regular: 400;
	--pl-font-weight-medium: 500;
	--pl-font-weight-bold: 700;
	--pl-font-weight-extra-bold: 900;

	/* Spacing — 4px base */
	--pl-space-0: 0;
	--pl-space-1: 0.25rem;
	--pl-space-2: 0.5rem;
	--pl-space-3: 0.75rem;
	--pl-space-4: 1rem;
	--pl-space-5: 1.25rem;
	--pl-space-6: 1.5rem;
	--pl-space-8: 2rem;
	--pl-space-10: 2.5rem;
	--pl-space-12: 3rem;
	--pl-space-16: 4rem;
	--pl-space-20: 5rem;
	--pl-space-24: 6rem;

	/* Shape */
	--pl-radius-xs: 0.375rem;
	--pl-radius-sm: 0.5rem;
	--pl-radius-md: 0.75rem;
	--pl-radius-lg: 1.125rem;
	--pl-radius-xl: 1.75rem;
	--pl-radius-pill: 999rem;

	/* Elevation */
	--pl-shadow-0: none;
	--pl-shadow-1: 0 0.25rem 1rem rgba(6, 43, 59, 0.08);
	--pl-shadow-2: 0 0.75rem 2rem rgba(6, 43, 59, 0.1);
	--pl-shadow-3: 0 1.125rem 3.25rem rgba(6, 43, 59, 0.1);

	/* Layout */
	--pl-container-sm: 42rem;
	--pl-container-md: 64rem;
	--pl-container-lg: 75rem;
	--pl-container-xl: 90rem;
	--pl-content-readable: 48rem;
	--pl-sidebar-width: 18rem;
	--pl-control-height-sm: 2.25rem;
	--pl-control-height-md: 2.75rem;
	--pl-control-height-lg: 3.25rem;

	/* Layering */
	--pl-z-base: 0;
	--pl-z-sticky: 100;
	--pl-z-dropdown: 300;
	--pl-z-overlay: 600;
	--pl-z-modal: 700;
	--pl-z-toast: 800;

	/* Motion */
	--pl-duration-fast: 120ms;
	--pl-duration-normal: 200ms;
	--pl-duration-slow: 320ms;
	--pl-ease-standard: cubic-bezier(0.2, 0, 0, 1);
	--pl-ease-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
}

.dark-skin .powerland-ui-v2,
.dark-skin [data-powerland-ui="v2"],
.powerland-ui-v2[data-theme="dark"],
[data-powerland-ui="v2"][data-theme="dark"] {
	--pl-color-bg-canvas: #071a24;
	--pl-color-bg-surface: #0d2632;
	--pl-color-bg-subtle: #14323e;
	--pl-color-bg-inverse: #ffffff;
	--pl-color-text-primary: #f4fafc;
	--pl-color-text-secondary: #bad0d8;
	--pl-color-text-muted: #8eacb7;
	--pl-color-text-on-brand: #06151d;
	--pl-color-border-subtle: #294955;
	--pl-color-border-strong: #52717c;
	--pl-color-link: #59d8eb;
	--pl-color-link-hover: #94ecf6;
	--pl-color-focus: #59d8eb;
	--pl-color-success: #55d99a;
	--pl-color-warning: #ffc16b;
	--pl-color-danger: #ff8190;
	--pl-color-info: #70d8f2;
	--pl-shadow-1: 0 0.25rem 1rem rgba(0, 0, 0, 0.22);
	--pl-shadow-2: 0 0.75rem 2rem rgba(0, 0, 0, 0.28);
	--pl-shadow-3: 0 1.125rem 3.25rem rgba(0, 0, 0, 0.32);
}

@media (prefers-reduced-motion: reduce) {
	.powerland-ui-v2,
	[data-powerland-ui="v2"] {
		--pl-duration-fast: 0ms;
		--pl-duration-normal: 0ms;
		--pl-duration-slow: 0ms;
	}
}