{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "surfaces",
  "title": "Semantic Design Tokens",
  "description": "Complete semantic token system: color, typography, control sizes, radii, shadows, surfaces, and layers. Ordinary layout spacing uses Tailwind's native scale. The historical surfaces slug is retained for compatibility.",
  "cssVars": {
    "theme": {
      "font-sans": "var(--font-family-sans)",
      "color-fg-default": "var(--fg-default)",
      "color-fg-muted": "var(--fg-muted)",
      "color-fg-subtle": "var(--fg-subtle)",
      "color-fg-brand": "var(--fg-brand)",
      "color-fg-danger": "var(--fg-danger)",
      "color-fg-warning": "var(--fg-warning)",
      "color-fg-info": "var(--fg-info)",
      "color-fg-neutral-status": "var(--fg-neutral-status)",
      "color-fg-on-brand": "var(--fg-on-brand)",
      "color-fg-on-danger": "var(--fg-on-danger)",
      "color-fg-on-inverse": "var(--fg-on-inverse)",
      "color-brand": "var(--brand)",
      "color-brand-hover": "var(--brand-hover)",
      "color-brand-active": "var(--brand-active)",
      "color-muted": "var(--muted)",
      "color-secondary-action": "var(--secondary-action)",
      "color-secondary-action-hover": "var(--secondary-action-hover)",
      "color-secondary-action-active": "var(--secondary-action-active)",
      "color-emphasis": "var(--emphasis)",
      "color-selection": "var(--selection)",
      "color-destructive": "var(--destructive)",
      "color-destructive-hover": "var(--destructive-hover)",
      "color-destructive-active": "var(--destructive-active)",
      "color-danger-surface": "var(--danger-surface)",
      "color-warning-surface": "var(--warning-surface)",
      "color-info-surface": "var(--info-surface)",
      "color-neutral-status-surface": "var(--neutral-status-surface)",
      "color-scrim": "var(--scrim)",
      "color-inverse-background": "var(--inverse-background)",
      "color-inverse-background-hover": "var(--inverse-background-hover)",
      "color-inverse-background-active": "var(--inverse-background-active)",
      "color-border": "var(--border)",
      "color-border-subtle": "var(--border-subtle)",
      "color-input": "var(--input)",
      "color-input-hover": "var(--input-hover)",
      "color-danger-border": "var(--danger-border)",
      "color-warning-border": "var(--warning-border)",
      "color-info-border": "var(--info-border)",
      "color-neutral-status-border": "var(--neutral-status-border)",
      "color-focus-ring": "var(--focus-ring)",
      "color-hover": "var(--hover)",
      "color-active": "var(--active)",
      "color-checker-a": "var(--checker-a)",
      "color-checker-b": "var(--checker-b)",
      "color-scrollbar-thumb": "var(--scrollbar-thumb)",
      "color-scrollbar-thumb-hover": "var(--scrollbar-thumb-hover)",
      "color-scrollbar-thumb-active": "var(--scrollbar-thumb-active)",
      "color-surface-base": "var(--surface-base)",
      "color-surface-raised": "var(--surface-raised)",
      "color-surface-floating": "var(--surface-floating)",
      "color-surface-overlay": "var(--surface-overlay)",
      "color-surface-top": "var(--surface-top)",
      "shadow-control": "var(--shadow-control)",
      "shadow-knob": "var(--shadow-knob)",
      "shadow-raised": "var(--shadow-raised)",
      "shadow-floating": "var(--shadow-floating)",
      "shadow-overlay": "var(--shadow-overlay)",
      "text-label": "var(--font-size-label)",
      "text-label--line-height": "var(--line-height-label)",
      "text-body": "var(--font-size-body)",
      "text-body--line-height": "var(--line-height-body)",
      "text-title": "var(--font-size-title)",
      "text-title--line-height": "var(--line-height-title)",
      "text-heading": "var(--font-size-heading)",
      "text-heading--line-height": "var(--line-height-heading)",
      "duration-fast": "var(--motion-duration-fast)",
      "duration-moderate-exit": "var(--motion-duration-moderate-exit)",
      "duration-moderate": "var(--motion-duration-moderate)",
      "duration-slow": "var(--motion-duration-slow)",
      "spacing-control-xs": "var(--control-height-xs)",
      "spacing-control-sm": "var(--control-height-sm)",
      "spacing-control-md": "var(--control-height-md)",
      "spacing-control-lg": "var(--control-height-lg)",
      "spacing-control-xl": "var(--control-height-xl)",
      "radius-control": "var(--control-radius)",
      "radius-focus": "var(--focus-radius)",
      "radius-selection": "var(--selection-radius)",
      "radius-container": "var(--container-radius)",
      "radius-full": "var(--full-radius)"
    },
    "light": {
      "font-family-sans": "\"Inter\", system-ui, sans-serif",
      "fg-default": "#00030A",
      "fg-muted": "#00030ad8",
      "fg-subtle": "#737373",
      "fg-brand": "#0060D2",
      "fg-danger": "#B42318",
      "fg-warning": "#B45309",
      "fg-info": "#005EBF",
      "fg-neutral-status": "#525252",
      "fg-on-brand": "#FFFFFF",
      "fg-on-danger": "#171717",
      "fg-on-inverse": "#FAFAFA",
      "brand": "#0060D2",
      "brand-hover": "#0055BC",
      "brand-active": "#004DAC",
      "muted": "#F4F4F5",
      "secondary-action": "#E5E5E5",
      "secondary-action-hover": "#CDCDCD",
      "secondary-action-active": "#BBBBBB",
      "emphasis": "#EEEEEE",
      "selection": "#D4D4D4",
      "destructive": "#EF4444",
      "destructive-hover": "#F35854",
      "destructive-active": "#F5655F",
      "danger-surface": "#FEF2F2",
      "warning-surface": "#FFFBEB",
      "info-surface": "#EFF6FF",
      "neutral-status-surface": "#F4F4F5",
      "scrim": "rgb(0 0 0 / 0.4)",
      "inverse-background": "var(--fg-default)",
      "inverse-background-hover": "#262626",
      "inverse-background-active": "#404040",
      "border": "rgb(23 23 23 / 0.12)",
      "border-subtle": "rgb(23 23 23 / 0.07)",
      "input": "#E5E5E5",
      "input-hover": "rgb(23 23 23 / 0.24)",
      "danger-border": "#EF4444",
      "warning-border": "#D97706",
      "info-border": "#2563EB",
      "neutral-status-border": "#737373",
      "focus-ring": "#6088E8",
      "hover": "rgb(0 0 0 / 0.04)",
      "active": "rgb(0 0 0 / 0.07)",
      "checker-a": "#BBBBBB",
      "checker-b": "#FFFFFF",
      "scrollbar-thumb": "rgb(0 0 0 / 0.08)",
      "scrollbar-thumb-hover": "rgb(0 0 0 / 0.12)",
      "scrollbar-thumb-active": "rgb(0 0 0 / 0.16)",
      "surface-base": "#FAFAFA",
      "surface-raised": "#FCFCFC",
      "surface-floating": "#FFFFFF",
      "surface-overlay": "#FFFFFF",
      "surface-top": "#FFFFFF",
      "shadow-color": "rgb(0 0 0 / 0.06)",
      "dm-hi-base": "rgba(255,255,255,0.01)",
      "dm-hi-mid": "rgba(255,255,255,0.02)",
      "dm-hi-high": "rgba(255,255,255,0.04)",
      "dm-ring-base": "rgba(255,255,255,0.02)",
      "dm-ring-mid": "rgba(255,255,255,0.04)",
      "dm-drop": "rgba(0,0,0,0.18)",
      "shadow-control": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
      "shadow-knob": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
      "shadow-raised": "0 0 0 1px var(--shadow-color), 0 1px 1px -0.5px var(--shadow-color)",
      "shadow-floating": "0 0 0 1px var(--shadow-color), 0 1px 1px -0.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color)",
      "shadow-overlay": "0 0 0 1px var(--shadow-color), 0 1px 1px -0.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color)",
      "font-size-label": "0.75rem",
      "line-height-label": "1rem",
      "font-size-body": "0.875rem",
      "line-height-body": "1.25rem",
      "font-size-title": "1.125rem",
      "line-height-title": "1.625rem",
      "font-size-heading": "1.5rem",
      "line-height-heading": "2rem",
      "motion-duration-fast": "80ms",
      "motion-duration-moderate-exit": "120ms",
      "motion-duration-moderate": "160ms",
      "motion-duration-slow": "240ms",
      "control-height-xs": "1.75rem",
      "control-height-sm": "2rem",
      "control-height-md": "2.25rem",
      "control-height-lg": "2.5rem",
      "control-height-xl": "2.75rem",
      "control-radius": "8px",
      "focus-radius": "10px",
      "selection-radius": "8px",
      "container-radius": "12px",
      "full-radius": "9999px",
      "layer-underlay": "-10",
      "layer-base": "0",
      "layer-decoration": "1",
      "layer-indicator": "2",
      "layer-control": "3",
      "layer-foreground": "4",
      "layer-content": "10",
      "layer-raised": "20",
      "layer-action": "30",
      "layer-overlay": "40",
      "layer-popover": "50",
      "layer-tooltip": "60"
    },
    "dark": {
      "font-family-sans": "\"Inter\", system-ui, sans-serif",
      "fg-default": "#F5F5F5",
      "fg-muted": "#C0C0C0",
      "fg-subtle": "#ADADAD",
      "fg-brand": "#80B0E9",
      "fg-danger": "#FCA5A5",
      "fg-warning": "#FDE68A",
      "fg-info": "#93C5FD",
      "fg-neutral-status": "#D4D4D4",
      "fg-on-brand": "#FFFFFF",
      "fg-on-danger": "#171717",
      "fg-on-inverse": "#171717",
      "brand": "#0060D2",
      "brand-hover": "#0055BC",
      "brand-active": "#004DAC",
      "muted": "#1E1E1E",
      "secondary-action": "#525252",
      "secondary-action-hover": "#5E5E5E",
      "secondary-action-active": "#686868",
      "emphasis": "#363636",
      "selection": "#525252",
      "destructive": "#F87171",
      "destructive-hover": "#FA7E7C",
      "destructive-active": "#FC8784",
      "danger-surface": "#450A0A",
      "warning-surface": "#451A03",
      "info-surface": "#0C2846",
      "neutral-status-surface": "#262626",
      "scrim": "rgb(0 0 0 / 0.8)",
      "inverse-background": "var(--fg-default)",
      "inverse-background-hover": "#E5E5E5",
      "inverse-background-active": "#D4D4D4",
      "border": "rgb(245 245 245 / 0.12)",
      "border-subtle": "rgb(245 245 245 / 0.07)",
      "input": "#404040",
      "input-hover": "rgb(245 245 245 / 0.24)",
      "danger-border": "#F87171",
      "warning-border": "#D97706",
      "info-border": "#60A5FA",
      "neutral-status-border": "#A3A3A3",
      "focus-ring": "#6088E8",
      "hover": "rgb(255 255 255 / 0.06)",
      "active": "rgb(255 255 255 / 0.1)",
      "checker-a": "#1F1F1F",
      "checker-b": "#2A2A2A",
      "scrollbar-thumb": "rgb(255 255 255 / 0.08)",
      "scrollbar-thumb-hover": "rgb(255 255 255 / 0.12)",
      "scrollbar-thumb-active": "rgb(255 255 255 / 0.16)",
      "surface-base": "#171717",
      "surface-raised": "#1E1E1E",
      "surface-floating": "#252525",
      "surface-overlay": "#333333",
      "surface-top": "#414141",
      "shadow-color": "rgb(0 0 0 / 0.06)",
      "dm-hi-base": "rgba(255,255,255,0.01)",
      "dm-hi-mid": "rgba(255,255,255,0.02)",
      "dm-hi-high": "rgba(255,255,255,0.04)",
      "dm-ring-base": "rgba(255,255,255,0.02)",
      "dm-ring-mid": "rgba(255,255,255,0.04)",
      "dm-drop": "rgba(0,0,0,0.18)",
      "shadow-control": "0 1px 2px 0 rgb(0 0 0 / 0.25)",
      "shadow-knob": "0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.3)",
      "shadow-raised": "inset 0 1px 0 0 var(--dm-hi-base), inset 0 0 0 1px var(--dm-ring-base), 0 1px 1px -0.5px var(--dm-drop)",
      "shadow-floating": "inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-base), 0 0 0 1px rgba(0,0,0,0.12), 0 1px 1px -0.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop)",
      "shadow-overlay": "inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px rgba(0,0,0,0.16), 0 1px 1px -0.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop)",
      "font-size-label": "0.75rem",
      "line-height-label": "1rem",
      "font-size-body": "0.875rem",
      "line-height-body": "1.25rem",
      "font-size-title": "1.125rem",
      "line-height-title": "1.625rem",
      "font-size-heading": "1.5rem",
      "line-height-heading": "2rem",
      "motion-duration-fast": "80ms",
      "motion-duration-moderate-exit": "120ms",
      "motion-duration-moderate": "160ms",
      "motion-duration-slow": "240ms",
      "control-height-xs": "1.75rem",
      "control-height-sm": "2rem",
      "control-height-md": "2.25rem",
      "control-height-lg": "2.5rem",
      "control-height-xl": "2.75rem",
      "control-radius": "8px",
      "focus-radius": "10px",
      "selection-radius": "8px",
      "container-radius": "12px",
      "full-radius": "9999px",
      "layer-underlay": "-10",
      "layer-base": "0",
      "layer-decoration": "1",
      "layer-indicator": "2",
      "layer-control": "3",
      "layer-foreground": "4",
      "layer-content": "10",
      "layer-raised": "20",
      "layer-action": "30",
      "layer-overlay": "40",
      "layer-popover": "50",
      "layer-tooltip": "60"
    }
  },
  "css": {
    ".z-underlay": {
      "z-index": "var(--layer-underlay)"
    },
    ".z-base": {
      "z-index": "var(--layer-base)"
    },
    ".z-decoration": {
      "z-index": "var(--layer-decoration)"
    },
    ".z-indicator": {
      "z-index": "var(--layer-indicator)"
    },
    ".z-control": {
      "z-index": "var(--layer-control)"
    },
    ".z-foreground": {
      "z-index": "var(--layer-foreground)"
    },
    ".z-content": {
      "z-index": "var(--layer-content)"
    },
    ".z-raised": {
      "z-index": "var(--layer-raised)"
    },
    ".z-action": {
      "z-index": "var(--layer-action)"
    },
    ".z-overlay": {
      "z-index": "var(--layer-overlay)"
    },
    ".z-popover": {
      "z-index": "var(--layer-popover)"
    },
    ".z-tooltip": {
      "z-index": "var(--layer-tooltip)"
    }
  },
  "type": "registry:theme"
}