/*!
 * DSI 1.0 — Component tokens (inherit semantic roles).
 */

:root {
	--dxp-button-primary-background: var(--dxp-color-action-primary);
	--dxp-button-primary-text: var(--dxp-color-action-primary-text);
	--dxp-button-primary-hover: var(--dxp-color-action-primary-hover);
	--dxp-button-secondary-background: var(--dxp-color-action-secondary);
	--dxp-button-secondary-text: var(--dxp-color-action-secondary-text);
	--dxp-button-ghost-border: var(--dxp-color-border-strong);
	--dxp-button-destructive-background: var(--dxp-color-action-destructive);
	--dxp-button-premium-background: var(--dxp-color-premium);
	--dxp-button-radius: var(--dxp-radius-pill);
	--dxp-button-min-height: 2.75rem;

	--dxp-card-background: var(--dxp-color-surface-primary);
	--dxp-card-border: var(--dxp-color-border-default);
	--dxp-card-shadow: var(--dxp-elevation-raised);
	--dxp-card-radius: var(--dxp-radius-lg);
	--dxp-card-glass-background: var(--dxp-color-surface-glass);

	--dxp-input-background: var(--dxp-color-surface-secondary);
	--dxp-input-border: var(--dxp-color-border-default);
	--dxp-input-text: var(--dxp-color-text-primary);
	--dxp-input-focus-border: var(--dxp-color-focus-ring);

	--dxp-badge-success-background: color-mix(in srgb, var(--dxp-color-status-success) 22%, transparent);
	--dxp-badge-warning-background: color-mix(in srgb, var(--dxp-color-status-warning) 22%, transparent);
	--dxp-badge-danger-background: color-mix(in srgb, var(--dxp-color-status-danger) 22%, transparent);
	--dxp-badge-premium-background: linear-gradient(135deg, #f0d29a, #d4a35a);

	--dxp-navigation-background: color-mix(in srgb, var(--dxp-color-background-canvas) 88%, transparent);
	--dxp-weather-panel-background: var(--dxp-card-glass-background);
	--dxp-panel-background: var(--dxp-color-surface-glass);
}