/**
 * FT Theme Engine v1 — Neutral Premium / Black
 *
 * Inheritance:
 * Core Tokens -> Theme -> Foundations/UI Controls -> Components -> Personalization
 *
 * This file only overrides semantic representation tokens.
 * Primitive Core Tokens remain the immutable source palette.
 */

:root,
[data-ft-theme="neutral-premium"],
.ft-theme--neutral-premium {
	/* Theme identity */
	--ft-theme-name: "Neutral Premium";
	--ft-theme-key: "neutral-premium";
	--ft-theme-mode: "light";

	/* Identity */
	--ft-color-primary: var(--ft-base-black);
	--ft-color-on-primary: var(--ft-base-white);
	--ft-color-accent: var(--ft-base-yellow-500);
	--ft-color-accent-soft: var(--ft-base-beige-100);

	/* Surfaces */
	--ft-color-background: var(--ft-base-beige-50);
	--ft-color-surface: var(--ft-base-white);
	--ft-color-surface-subtle: var(--ft-base-neutral-100);
	--ft-color-surface-warm: var(--ft-base-beige-50);

	/* Text */
	--ft-color-text-primary: var(--ft-base-neutral-900);
	--ft-color-text-secondary: var(--ft-base-neutral-700);
	--ft-color-text-muted: var(--ft-base-neutral-500);

	/* Borders / focus */
	--ft-color-border: var(--ft-base-neutral-200);
	--ft-color-border-strong: var(--ft-base-neutral-500);
	--ft-color-focus: var(--ft-base-yellow-500);

	/* Functional semantics remain meaningful, not decorative. */
	--ft-color-info: var(--ft-base-blue-600);
	--ft-color-info-soft: var(--ft-base-blue-100);
	--ft-color-success: var(--ft-base-green-600);
	--ft-color-success-soft: var(--ft-base-green-100);
	--ft-color-warning: var(--ft-base-orange-600);
	--ft-color-warning-soft: var(--ft-base-orange-100);
	--ft-color-intelligence: var(--ft-base-purple-700);
	--ft-color-intelligence-soft: var(--ft-base-purple-100);
	--ft-color-danger: var(--ft-base-red-600);
	--ft-color-danger-soft: var(--ft-base-red-100);

	/* Theme-level component defaults.
	 * Specialized components still inherit their semantic contracts.
	 */
	--ft-button-bg: var(--ft-color-surface);
	--ft-button-border: var(--ft-control-action);
	--ft-button-text: var(--ft-control-action);
	--ft-button-hover-bg: var(--ft-control-action);
	--ft-button-hover-border: var(--ft-control-action);
	--ft-button-hover-text: var(--ft-control-action-on);
	--ft-button-active-bg: var(--ft-control-action);
	--ft-button-active-border: var(--ft-control-action);
	--ft-button-active-text: var(--ft-control-action-on);

	--ft-card-bg: var(--ft-color-surface);
	--ft-card-border: var(--ft-color-border);
	--ft-card-title-color: var(--ft-color-text-primary);
	--ft-card-description-color: var(--ft-color-text-secondary);
	--ft-card-meta-color: var(--ft-color-text-muted);
	--ft-card-link-color: var(--ft-color-primary);
	--ft-card-link-hover-color: var(--ft-color-primary);

	--ft-control-bg: var(--ft-color-surface);
	--ft-control-border: var(--ft-color-border);
	--ft-control-text: var(--ft-color-text-primary);
	--ft-control-hover-bg: var(--ft-color-surface-subtle);
	--ft-control-hover-border: var(--ft-control-action);
	--ft-control-active-bg: var(--ft-control-action);
	--ft-control-active-border: var(--ft-control-action);
	--ft-control-active-text: var(--ft-control-action-on);
}

/* Theme scope may be applied to a subtree for preview without changing global UI. */
[data-ft-theme="neutral-premium"],
.ft-theme--neutral-premium {
	color: var(--ft-color-text-primary);
	background-color: var(--ft-color-background);
}