/*
 * Watchiet Advertising Management: design tokens .
 * All values are CSS custom properties scoped to .wadv so they never leak into
 * the active theme. Brand colours are injected from Settings (validated).
 * The shell is dark: white and light-grey text on black meet WCAG AA contrast (4.5:1).
 */
.wadv {
	/* Brand (overridden by Settings through an inline style). */
	--wadv-primary: #1b4fd8;
	--wadv-on-primary: #ffffff;
	--wadv-accent: #b45309;
	--wadv-on-accent: #ffffff;

	/* Neutrals. */
	--wadv-bg: #000000;
	--wadv-surface: #111216;
	--wadv-surface-2: #181a20;
	--wadv-text: #ffffff;
	--wadv-muted: #b9bec9;
	--wadv-border: #2a2d36;
	--wadv-focus: #ffffff;

	/* Space scale. */
	--wadv-space-1: 0.25rem;
	--wadv-space-2: 0.5rem;
	--wadv-space-3: 0.75rem;
	--wadv-space-4: 1rem;
	--wadv-space-5: 1.5rem;
	--wadv-space-6: 2rem;
	--wadv-space-7: 3rem;

	/* Shape. */
	--wadv-radius: 12px;
	--wadv-radius-sm: 8px;

	/* Fluid type scale. */
	--wadv-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--wadv-fs-0: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
	--wadv-fs-1: clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
	--wadv-fs-2: clamp(1.35rem, 1.1rem + 1vw, 1.8rem);
	--wadv-fs-3: clamp(1.7rem, 1.2rem + 2vw, 2.6rem);

	/* Touch target (WCAG 2.2: at least 24px; we use 44px). */
	--wadv-tap: 44px;

	/* Layout. */
	--wadv-max: 1200px;
}