/* @platform-modules/ui-tokens — Tailwind v4 reference adapter.
   Maps Tailwind's theme namespaces onto the ui-tokens var(--mod-*) contract.
   Import AFTER `@import "tailwindcss"` and `base.css` in the consuming app. */
@theme inline {
  /* color namespace (bg / text / border utilities) */
  --color-fg: var(--mod-color-fg);
  --color-fg-muted: var(--mod-color-fg-muted);
  --color-fg-subtle: var(--mod-color-fg-subtle);
  --color-bg: var(--mod-color-bg);
  --color-surface: var(--mod-color-surface);
  --color-surface-raised: var(--mod-color-surface-raised);
  --color-border: var(--mod-color-border);
  --color-border-strong: var(--mod-color-border-strong);
  --color-accent: var(--mod-color-accent);
  --color-accent-fg: var(--mod-color-accent-fg);
  --color-success: var(--mod-color-success);
  --color-warning: var(--mod-color-warning);
  --color-danger: var(--mod-color-danger);
  --color-info: var(--mod-color-info);
  --color-success-fg: var(--mod-color-success-fg);
  --color-warning-fg: var(--mod-color-warning-fg);
  --color-danger-fg: var(--mod-color-danger-fg);
  --color-info-fg: var(--mod-color-info-fg);
  /* radius → rounded-* */
  --radius-none: var(--mod-radius-none);
  --radius-sm: var(--mod-radius-sm);
  --radius-md: var(--mod-radius-md);
  --radius-lg: var(--mod-radius-lg);
  --radius-xl: var(--mod-radius-xl);
  --radius-full: var(--mod-radius-full);
  /* font-size → text-* */
  --text-xs: var(--mod-font-size-xs);
  --text-sm: var(--mod-font-size-sm);
  --text-base: var(--mod-font-size-base);
  --text-lg: var(--mod-font-size-lg);
  --text-xl: var(--mod-font-size-xl);
  --text-2xl: var(--mod-font-size-2xl);
  --text-3xl: var(--mod-font-size-3xl);
  /* shadow */
  --shadow-sm: var(--mod-shadow-sm);
  --shadow-md: var(--mod-shadow-md);
  --shadow-lg: var(--mod-shadow-lg);
  --shadow-xl: var(--mod-shadow-xl);
  /* motion */
  --duration-fast: var(--mod-duration-fast);
  --duration-base: var(--mod-duration-base);
  --duration-slow: var(--mod-duration-slow);
  --ease-standard: var(--mod-ease-standard);
  --ease-emphasized: var(--mod-ease-emphasized);
  --ease-decelerate: var(--mod-ease-decelerate);
  /* focus ring */
  --ring-width: var(--mod-focus-ring-width);
  --ring-offset-width: var(--mod-focus-ring-offset);
  --ring-color: var(--mod-focus-ring-color);
  /* opacity */
  --opacity-disabled: var(--mod-opacity-disabled);
  --opacity-muted: var(--mod-opacity-muted);
  --opacity-overlay: var(--mod-opacity-overlay);
  /* sizing */
  --size-control-sm: var(--mod-size-control-sm);
  --size-control-md: var(--mod-size-control-md);
  --size-control-lg: var(--mod-size-control-lg);
  --touch-min: var(--mod-touch-min);
  /* z-index */
  --z-dropdown: var(--mod-z-dropdown);
  --z-sticky: var(--mod-z-sticky);
  --z-overlay: var(--mod-z-overlay);
  --z-modal: var(--mod-z-modal);
  --z-popover: var(--mod-z-popover);
  --z-toast: var(--mod-z-toast);
  --z-tooltip: var(--mod-z-tooltip);
  /* typography extras */
  --leading-tight: var(--mod-leading-tight);
  --leading-normal: var(--mod-leading-normal);
  --leading-relaxed: var(--mod-leading-relaxed);
  --tracking-tight: var(--mod-tracking-tight);
  --tracking-normal: var(--mod-tracking-normal);
  --tracking-wide: var(--mod-tracking-wide);
  --font-sans: var(--mod-font-family-sans);
  --font-mono: var(--mod-font-family-mono);
  --underline-offset: var(--mod-underline-offset);
  /* border width */
  --border-width-thin: var(--mod-border-thin);
  --border-width-base: var(--mod-border-base);
  --border-width-thick: var(--mod-border-thick);
  /* measure */
  --measure: var(--mod-measure);
  /* fluid type */
  --text-fluid-h1: var(--mod-text-fluid-h1);
  --text-fluid-h2: var(--mod-text-fluid-h2);
}

/* Responsive contract — Tailwind build-time namespace (NOT --mod-*).
   Literal rem values in a standard @theme block so Tailwind generates
   viewport variants (md:). Semantic tokens above stay @theme inline. */
@theme {
  /* viewport breakpoints → sm:/md:/lg:/xl:/2xl: */
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;
}