/**
 * t1 Official — runtime token aliases.
 *
 * Source of truth: theme.json
 * These aliases keep legacy CSS (--layout-*, --wp--preset--*) working
 * without hardcoded hex/px in new components.
 */
:root {
  --layout-max-width: var(--wp--custom--layout-max-width, 1400px);
  --layout-padding: var(--wp--custom--layout-padding, clamp(24px, 4vw, 40px));
  --t1-radius-card: var(--wp--custom--radius--card, 8px);
  --t1-radius-panel: var(--wp--custom--radius--panel, 16px);
  --t1-radius-button: var(--wp--custom--radius--button, 40px);
  --t1-spring: var(--wp--custom--spring, cubic-bezier(0.16, 1, 0.3, 1));
  --t1-header-height: var(--wp--custom--header-height, 64px);
  --t1-color-bg: var(--wp--preset--color--bg);
  --t1-color-surface: var(--wp--preset--color--surface);
  --t1-color-text: var(--wp--preset--color--text-main);
  --t1-color-muted: var(--wp--preset--color--text-muted);
  --t1-color-accent: var(--wp--preset--color--accent);
  --t1-color-card: var(--wp--preset--color--card);
  --t1-font-body: var(--wp--preset--font-family--body);
  --t1-font-heading: var(--wp--preset--font-family--heading);
  /* theme.json registers 5xl; WP global styles currently stop at 4xl. */
  --wp--preset--font-size--5xl: clamp(3rem, 6vw, 5rem);
}