// AUTO-GENERATED by scripts/gen-tokens.mjs from tokens/*.css — DO NOT EDIT.
// Edit the token in tokens/<group>.css and re-run `npm run gen`.
/* eslint-disable */

/** colors tokens (from tokens/colors.css). Values are raw CSS. */
export const colors = {
  'neutral-50': '#FAFAFA',
  'neutral-100': '#F5F5F5',
  'neutral-200': '#E5E5E5',
  'neutral-300': '#D4D4D4',
  'neutral-400': '#A3A3A3',
  'neutral-500': '#737373',
  'neutral-600': '#525252',
  'neutral-700': '#404040',
  'neutral-800': '#262626',
  'neutral-900': '#171717',
  'neutral-950': '#0A0A0A',
  'pure-black': '#000000',
  'pure-white': '#FFFFFF',
  'hanzo-black': '#0A0A0B',
  'hanzo-white': '#FFFFFF',
  'white-03': 'rgb(255 255 255 / .03)',
  'white-05': 'rgb(255 255 255 / .05)',
  'white-06': 'rgb(255 255 255 / .06)',
  'white-08': 'rgb(255 255 255 / .08)',
  'white-10': 'rgb(255 255 255 / .10)',
  'white-14': 'rgb(255 255 255 / .14)',
  'white-15': 'rgb(255 255 255 / .15)',
  'white-16': 'rgb(255 255 255 / .16)',
  'white-18': 'rgb(255 255 255 / .18)',
  'white-20': 'rgb(255 255 255 / .20)',
  'white-22': 'rgb(255 255 255 / .22)',
  'white-30': 'rgb(255 255 255 / .30)',
  'white-40': 'rgb(255 255 255 / .40)',
  'white-45': 'rgb(255 255 255 / .45)',
  'white-55': 'rgb(255 255 255 / .55)',
  'white-60': 'rgb(255 255 255 / .60)',
  'white-78': 'rgb(255 255 255 / .78)',
  'white-80': 'rgb(255 255 255 / .80)',
  'white-92': 'rgb(255 255 255 / .92)',
  'background': '#0a0a0a',
  'foreground': '#e5e5e5',
  'card': '#0f0f0f',
  'card-foreground': '#e5e5e5',
  'popover': '#0f0f0f',
  'popover-foreground': '#e5e5e5',
  'primary': '#fafafa',
  'primary-hover': '#e5e5e5',
  'primary-foreground': '#0a0a0a',
  'secondary': '#262626',
  'secondary-hover': '#333333',
  'secondary-foreground': '#fafafa',
  'muted': '#171717',
  'muted-foreground': '#a3a3a3',
  'accent': '#262626',
  'accent-foreground': '#fafafa',
  'destructive': 'var(--state-error)',
  'destructive-hover': '#dc2626',
  'destructive-foreground': '#fafafa',
  'border': 'var(--white-10)',
  'border-strong': 'var(--white-16)',
  'border-control': 'var(--white-15)',
  'border-focus': 'var(--white-22)',
  'border-selected': 'var(--white-30)',
  'input': 'var(--border-control)',
  'ring': 'var(--white-40)',
  'ring-halo': 'var(--white-10)',
  'brand': '#e4e4e7',
  'brand-foreground': '#09090b',
  'brand-muted': '#a3a3a3',
  'black': '#000000',
  'white': '#fafafa',
  'selection': 'var(--white-20)',
  'glass': 'var(--white-05)',
  'glass-strong': 'var(--white-08)',
  'surface-page': 'var(--background)',
  'surface-card': 'rgb(38 38 38 / .5)',
  'surface-card-emphasis': 'rgb(38 38 38 / .75)',
  'surface-card-quiet': 'rgb(38 38 38 / .35)',
  'surface-overlay': 'rgb(23 23 23 / .92)',
  'surface-header': 'rgb(0 0 0 / .7)',
  'surface-scrim': 'rgb(0 0 0 / .8)',
  'surface-0': 'var(--background)',
  'surface-1': 'var(--card)',
  'surface-2': 'var(--muted)',
  'surface-3': 'var(--secondary)',
  'text-primary': '#fafafa',
  'text-secondary': 'var(--white-78)',
  'text-tertiary': 'var(--white-55)',
  'text-helper': 'var(--muted-foreground)',
  'text-disabled': 'var(--white-30)',
  'state-error': '#ef4444',
  'state-error-text': '#fca5a5',
  'state-error-bg': 'rgb(239 68 68 / .1)',
  'state-online': '#4ade80',
  'state-success': '#22c55e',
  'chrome-dot-red': 'rgb(239 68 68 / .6)',
  'chrome-dot-yellow': 'rgb(234 179 8 / .6)',
  'chrome-dot-green': 'rgb(34 197 94 / .6)',
} as const

/** typography tokens (from tokens/typography.css). Values are raw CSS. */
export const typography = {
  'type-scale': '1',
  'type-ratio': '1',
  'text-floor': '0.625rem',
  'text-ceiling': '30vw',
  'text-xs': '0.6875rem',
  'leading-xs': '1rem',
  'text-sm': '0.8125rem',
  'leading-sm': '1.15rem',
  'text-base': '0.875rem',
  'leading-base': '1.35rem',
  'text-lg': '0.9375rem',
  'leading-lg': '1.4rem',
  'text-xl': '1.0625rem',
  'leading-xl': '1.55rem',
  'text-2xl': '1.3125rem',
  'leading-2xl': '1.7rem',
  'text-3xl': '1.625rem',
  'leading-3xl': '1.95rem',
  'text-4xl': '2rem',
  'leading-4xl': '2.25rem',
  'text-5xl': '2.5rem',
  'leading-5xl': '1.05',
  'text-6xl': '3.25rem',
  'leading-6xl': '1',
  'text-7xl': '4rem',
  'leading-7xl': '1',
  'text-8xl': '5.25rem',
  'leading-8xl': '1',
  'text-9xl': '7rem',
  'leading-9xl': '1',
  'font-size-xs': 'var(--text-xs)',
  'font-size-sm': 'var(--text-sm)',
  'font-size-base': 'var(--text-base)',
  'font-size-lg': 'var(--text-lg)',
  'font-size-xl': 'var(--text-xl)',
  'font-size-2xl': 'var(--text-2xl)',
  'font-size-3xl': 'var(--text-3xl)',
  'font-size-4xl': 'var(--text-4xl)',
  'font-size-5xl': 'var(--text-5xl)',
  'font-size-6xl': 'var(--text-6xl)',
  'font-size-7xl': 'var(--text-7xl)',
  'font-size-8xl': 'var(--text-8xl)',
  'font-size-9xl': 'var(--text-9xl)',
  'text-control': 'var(--text-sm)',
  'weight-normal': '400',
  'weight-medium': '500',
  'weight-semibold': '600',
  'weight-bold': '700',
  'tracking-tight': '-0.025em',
  'tracking-normal': '0em',
  'tracking-wide': '0.025em',
  'tracking-widest': '0.1em',
  'leading-none': '1',
  'leading-tight': '1.25',
  'leading-snug': '1.375',
  'leading-normal': '1.5',
  'leading-relaxed': '1.625',
  'leading-golden': '1.618',
  'type-hero': '600 var(--text-5xl)/1.05 var(--font-display)',
  'type-h2': '700 var(--text-4xl)/var(--leading-4xl) var(--font-display)',
  'type-h3': '600 var(--text-xl)/var(--leading-xl) var(--font-display)',
  'type-lead': '400 var(--text-lg)/var(--leading-relaxed) var(--font-sans)',
  'type-body': '400 var(--text-sm)/var(--leading-sm) var(--font-sans)',
  'type-caption': '400 var(--text-xs)/var(--leading-xs) var(--font-sans)',
  'type-code': '400 var(--text-sm)/var(--leading-relaxed) var(--font-mono)',
  'type-eyebrow': '600 0.625rem/1 var(--font-sans)',
} as const

/** spacing tokens (from tokens/spacing.css). Values are raw CSS. */
export const spacing = {
  'density': '1',
  'space-0': '0',
  'space-1': '0.25rem',
  'space-2': '0.5rem',
  'space-3': '0.75rem',
  'space-4': '1rem',
  'space-5': '1.25rem',
  'space-6': '1.5rem',
  'space-8': '2rem',
  'space-10': '2.5rem',
  'space-12': '3rem',
  'space-14': '3.5rem',
  'space-16': '4rem',
  'space-20': '5rem',
  'space-24': '6rem',
  'space-32': '8rem',
  'golden-1': '0.25rem',
  'golden-2': '0.405rem',
  'golden-3': '0.654rem',
  'golden-4': '1.059rem',
  'golden-5': '1.713rem',
  'golden-6': '2.772rem',
  'golden-7': '4.487rem',
  'golden-8': '7.26rem',
  'golden-9': '11.749rem',
  'golden-split': '38.2% 61.8%',
  'container-max': '80rem',
  'container-prose': '48rem',
  'container-wide': '72rem',
  'gutter': 'max(1rem,var(--safe-left),var(--safe-right))',
  'gutter-sm': '1.5rem',
  'gutter-lg': '2rem',
  'section-y': '2.5rem',
  'section-y-lg': '3.5rem',
  'hero-y': '3rem',
  'hero-y-lg': '4.5rem',
  'header-height': '3.5rem',
  'tap-target': '44px',
  'control-height-sm': '32px',
  'control-height': '36px',
  'control-height-lg': '40px',
  'control-height-xl': '52px',
  'safe-top': 'env(safe-area-inset-top,0px)',
  'safe-right': 'env(safe-area-inset-right,0px)',
  'safe-bottom': 'env(safe-area-inset-bottom,0px)',
  'safe-left': 'env(safe-area-inset-left,0px)',
} as const

/** grid tokens (from tokens/grid.css). Values are raw CSS. */
export const grid = {
  'grid-columns': '12',
  'grid-gap': 'var(--space-6)',
  'grid-gap-tight': 'var(--space-4)',
  'grid-gap-loose': 'var(--space-8)',
  'breakpoint-sm': '40rem',
  'breakpoint-md': '48rem',
  'breakpoint-lg': '64rem',
  'breakpoint-xl': '80rem',
  'breakpoint-2xl': '96rem',
  'grid-card-min': '18rem',
  'grid-card-min-wide': '24rem',
} as const

/** radius tokens (from tokens/radius.css). Values are raw CSS. */
export const radius = {
  'radius': '0.5rem',
  'radius-sm': '0.375rem',
  'radius-md': '0.5rem',
  'radius-lg': '0.75rem',
  'radius-xl': '1rem',
  'radius-2xl': '1.5rem',
  'radius-composer': '28px',
  'radius-full': '9999px',
} as const

/** elevation tokens (from tokens/elevation.css). Values are raw CSS. */
export const elevation = {
  'shadow-none': 'none',
  'shadow-floating': '0 24px 60px -16px rgb(0 0 0 / .75)',
  'shadow-inset-hairline': 'inset 0 0 0 1px var(--white-10)',
  'edge-highlight': 'inset 0 1px 0 0 rgb(255 255 255 / .10)',
  'bloom': '0 0 24px -2px rgb(255 255 255 / .28)',
  'ring-focus': '0 0 0 3px var(--ring-halo)',
  'shadow-sm': '0 1px 2px 0 rgb(0 0 0 / .40)',
  'shadow': '0 1px 3px 0 rgb(0 0 0 / .45), 0 1px 2px -1px rgb(0 0 0 / .45)',
  'shadow-md': '0 4px 6px -1px rgb(0 0 0 / .50), 0 2px 4px -2px rgb(0 0 0 / .50)',
  'shadow-lg': '0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55)',
  'shadow-xl': '0 20px 25px -5px rgb(0 0 0 / .60), 0 8px 10px -6px rgb(0 0 0 / .60)',
  'shadow-2xl': 'var(--shadow-floating)',
  'sheet-0': 'var(--surface-page)',
  'sheet-1': 'var(--surface-card)',
  'sheet-2': 'var(--surface-card-emphasis)',
  'shadow-sheet-1': 'var(--edge-highlight),0 1px 2px 0 rgb(0 0 0 / .40)',
  'shadow-sheet-2': 'var(--edge-highlight),0 10px 15px -3px rgb(0 0 0 / .55),0 4px 6px -4px rgb(0 0 0 / .55)',
  'fold': '12px',
  'fold-face': 'linear-gradient(315deg,var(--glass-strong) 0,var(--glass-strong) calc(var(--fold) - 1px),var(--border-strong) calc(var(--fold) - 1px),var(--border-strong) var(--fold),transparent var(--fold))',
  'glow-hero': 'radial-gradient(circle,rgb(255 255 255 / .12) 0%,transparent 68%)',
  'glow-hero-blur': '120px',
  'sheen-card': 'radial-gradient(120% 120% at 80% 0%,rgb(255 255 255 / .08) 0%,transparent 55%)',
  'sheen-edge': 'linear-gradient(90deg,transparent,rgb(255 255 255 / .14) 50%,transparent)',
  'gradient-chrome': 'linear-gradient(to right,#ffffff,var(--white-80),var(--white-60))',
  'gradient-chrome-2': 'linear-gradient(to right,#ffffff,var(--neutral-500))',
  'gradient-protect': 'linear-gradient(to bottom,var(--white-10),transparent)',
} as const

/** motion tokens (from tokens/motion.css). Values are raw CSS. */
export const motion = {
  'duration-fast': '150ms',
  'duration-base': '300ms',
  'duration-slow': '400ms',
  'duration-slower': '500ms',
  'duration-glow': '9s',
  'duration-press': '90ms',
  'ease-out': 'cubic-bezier(0,0,0.2,1)',
  'ease-in-out': 'cubic-bezier(0.4,0,0.2,1)',
  'ease-emphasis': 'cubic-bezier(0.16,1,0.3,1)',
  'stagger': '60ms',
  'entry-rise': '16px',
  'entry-rise-lg': '24px',
} as const

/** zIndex tokens (from tokens/z.css). Values are raw CSS. */
export const zIndex = {
  'z-base': '0',
  'z-raised': '10',
  'z-sticky': '200',
  'z-header': '300',
  'z-dropdown': '400',
  'z-overlay': '500',
  'z-modal': '600',
  'z-popover': '700',
  'z-toast': '800',
  'z-tooltip': 'var(--z-popover)',
  'z-notification': 'var(--z-toast)',
} as const

/** fonts tokens (from tokens/fonts.css). Values are raw CSS. */
export const fonts = {
  'font-sans': 'Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
  'font-display': 'var(--font-sans)',
  'font-mono': 'Zen Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace',
  'font-serif': 'Georgia,serif',
  'font-feature-settings': 'normal',
} as const

/** base tokens (from tokens/base.css). Values are raw CSS. */
export const base = {
  'ring-offset': '-2px',
} as const

/** Every token, keyed by its literal CSS custom-property name ('--background', …). */
export const cssVars = {
  '--neutral-50': '#FAFAFA',
  '--neutral-100': '#F5F5F5',
  '--neutral-200': '#E5E5E5',
  '--neutral-300': '#D4D4D4',
  '--neutral-400': '#A3A3A3',
  '--neutral-500': '#737373',
  '--neutral-600': '#525252',
  '--neutral-700': '#404040',
  '--neutral-800': '#262626',
  '--neutral-900': '#171717',
  '--neutral-950': '#0A0A0A',
  '--pure-black': '#000000',
  '--pure-white': '#FFFFFF',
  '--hanzo-black': '#0A0A0B',
  '--hanzo-white': '#FFFFFF',
  '--white-03': 'rgb(255 255 255 / .03)',
  '--white-05': 'rgb(255 255 255 / .05)',
  '--white-06': 'rgb(255 255 255 / .06)',
  '--white-08': 'rgb(255 255 255 / .08)',
  '--white-10': 'rgb(255 255 255 / .10)',
  '--white-14': 'rgb(255 255 255 / .14)',
  '--white-15': 'rgb(255 255 255 / .15)',
  '--white-16': 'rgb(255 255 255 / .16)',
  '--white-18': 'rgb(255 255 255 / .18)',
  '--white-20': 'rgb(255 255 255 / .20)',
  '--white-22': 'rgb(255 255 255 / .22)',
  '--white-30': 'rgb(255 255 255 / .30)',
  '--white-40': 'rgb(255 255 255 / .40)',
  '--white-45': 'rgb(255 255 255 / .45)',
  '--white-55': 'rgb(255 255 255 / .55)',
  '--white-60': 'rgb(255 255 255 / .60)',
  '--white-78': 'rgb(255 255 255 / .78)',
  '--white-80': 'rgb(255 255 255 / .80)',
  '--white-92': 'rgb(255 255 255 / .92)',
  '--background': '#0a0a0a',
  '--foreground': '#e5e5e5',
  '--card': '#0f0f0f',
  '--card-foreground': '#e5e5e5',
  '--popover': '#0f0f0f',
  '--popover-foreground': '#e5e5e5',
  '--primary': '#fafafa',
  '--primary-hover': '#e5e5e5',
  '--primary-foreground': '#0a0a0a',
  '--secondary': '#262626',
  '--secondary-hover': '#333333',
  '--secondary-foreground': '#fafafa',
  '--muted': '#171717',
  '--muted-foreground': '#a3a3a3',
  '--accent': '#262626',
  '--accent-foreground': '#fafafa',
  '--destructive': 'var(--state-error)',
  '--destructive-hover': '#dc2626',
  '--destructive-foreground': '#fafafa',
  '--border': 'var(--white-10)',
  '--border-strong': 'var(--white-16)',
  '--border-control': 'var(--white-15)',
  '--border-focus': 'var(--white-22)',
  '--border-selected': 'var(--white-30)',
  '--input': 'var(--border-control)',
  '--ring': 'var(--white-40)',
  '--ring-halo': 'var(--white-10)',
  '--brand': '#e4e4e7',
  '--brand-foreground': '#09090b',
  '--brand-muted': '#a3a3a3',
  '--black': '#000000',
  '--white': '#fafafa',
  '--selection': 'var(--white-20)',
  '--glass': 'var(--white-05)',
  '--glass-strong': 'var(--white-08)',
  '--surface-page': 'var(--background)',
  '--surface-card': 'rgb(38 38 38 / .5)',
  '--surface-card-emphasis': 'rgb(38 38 38 / .75)',
  '--surface-card-quiet': 'rgb(38 38 38 / .35)',
  '--surface-overlay': 'rgb(23 23 23 / .92)',
  '--surface-header': 'rgb(0 0 0 / .7)',
  '--surface-scrim': 'rgb(0 0 0 / .8)',
  '--surface-0': 'var(--background)',
  '--surface-1': 'var(--card)',
  '--surface-2': 'var(--muted)',
  '--surface-3': 'var(--secondary)',
  '--text-primary': '#fafafa',
  '--text-secondary': 'var(--white-78)',
  '--text-tertiary': 'var(--white-55)',
  '--text-helper': 'var(--muted-foreground)',
  '--text-disabled': 'var(--white-30)',
  '--state-error': '#ef4444',
  '--state-error-text': '#fca5a5',
  '--state-error-bg': 'rgb(239 68 68 / .1)',
  '--state-online': '#4ade80',
  '--state-success': '#22c55e',
  '--chrome-dot-red': 'rgb(239 68 68 / .6)',
  '--chrome-dot-yellow': 'rgb(234 179 8 / .6)',
  '--chrome-dot-green': 'rgb(34 197 94 / .6)',
  '--type-scale': '1',
  '--type-ratio': '1',
  '--text-floor': '0.625rem',
  '--text-ceiling': '30vw',
  '--text-xs': '0.6875rem',
  '--leading-xs': '1rem',
  '--text-sm': '0.8125rem',
  '--leading-sm': '1.15rem',
  '--text-base': '0.875rem',
  '--leading-base': '1.35rem',
  '--text-lg': '0.9375rem',
  '--leading-lg': '1.4rem',
  '--text-xl': '1.0625rem',
  '--leading-xl': '1.55rem',
  '--text-2xl': '1.3125rem',
  '--leading-2xl': '1.7rem',
  '--text-3xl': '1.625rem',
  '--leading-3xl': '1.95rem',
  '--text-4xl': '2rem',
  '--leading-4xl': '2.25rem',
  '--text-5xl': '2.5rem',
  '--leading-5xl': '1.05',
  '--text-6xl': '3.25rem',
  '--leading-6xl': '1',
  '--text-7xl': '4rem',
  '--leading-7xl': '1',
  '--text-8xl': '5.25rem',
  '--leading-8xl': '1',
  '--text-9xl': '7rem',
  '--leading-9xl': '1',
  '--font-size-xs': 'var(--text-xs)',
  '--font-size-sm': 'var(--text-sm)',
  '--font-size-base': 'var(--text-base)',
  '--font-size-lg': 'var(--text-lg)',
  '--font-size-xl': 'var(--text-xl)',
  '--font-size-2xl': 'var(--text-2xl)',
  '--font-size-3xl': 'var(--text-3xl)',
  '--font-size-4xl': 'var(--text-4xl)',
  '--font-size-5xl': 'var(--text-5xl)',
  '--font-size-6xl': 'var(--text-6xl)',
  '--font-size-7xl': 'var(--text-7xl)',
  '--font-size-8xl': 'var(--text-8xl)',
  '--font-size-9xl': 'var(--text-9xl)',
  '--text-control': 'var(--text-sm)',
  '--weight-normal': '400',
  '--weight-medium': '500',
  '--weight-semibold': '600',
  '--weight-bold': '700',
  '--tracking-tight': '-0.025em',
  '--tracking-normal': '0em',
  '--tracking-wide': '0.025em',
  '--tracking-widest': '0.1em',
  '--leading-none': '1',
  '--leading-tight': '1.25',
  '--leading-snug': '1.375',
  '--leading-normal': '1.5',
  '--leading-relaxed': '1.625',
  '--leading-golden': '1.618',
  '--type-hero': '600 var(--text-5xl)/1.05 var(--font-display)',
  '--type-h2': '700 var(--text-4xl)/var(--leading-4xl) var(--font-display)',
  '--type-h3': '600 var(--text-xl)/var(--leading-xl) var(--font-display)',
  '--type-lead': '400 var(--text-lg)/var(--leading-relaxed) var(--font-sans)',
  '--type-body': '400 var(--text-sm)/var(--leading-sm) var(--font-sans)',
  '--type-caption': '400 var(--text-xs)/var(--leading-xs) var(--font-sans)',
  '--type-code': '400 var(--text-sm)/var(--leading-relaxed) var(--font-mono)',
  '--type-eyebrow': '600 0.625rem/1 var(--font-sans)',
  '--density': '1',
  '--space-0': '0',
  '--space-1': '0.25rem',
  '--space-2': '0.5rem',
  '--space-3': '0.75rem',
  '--space-4': '1rem',
  '--space-5': '1.25rem',
  '--space-6': '1.5rem',
  '--space-8': '2rem',
  '--space-10': '2.5rem',
  '--space-12': '3rem',
  '--space-14': '3.5rem',
  '--space-16': '4rem',
  '--space-20': '5rem',
  '--space-24': '6rem',
  '--space-32': '8rem',
  '--golden-1': '0.25rem',
  '--golden-2': '0.405rem',
  '--golden-3': '0.654rem',
  '--golden-4': '1.059rem',
  '--golden-5': '1.713rem',
  '--golden-6': '2.772rem',
  '--golden-7': '4.487rem',
  '--golden-8': '7.26rem',
  '--golden-9': '11.749rem',
  '--golden-split': '38.2% 61.8%',
  '--container-max': '80rem',
  '--container-prose': '48rem',
  '--container-wide': '72rem',
  '--gutter': 'max(1rem,var(--safe-left),var(--safe-right))',
  '--gutter-sm': '1.5rem',
  '--gutter-lg': '2rem',
  '--section-y': '2.5rem',
  '--section-y-lg': '3.5rem',
  '--hero-y': '3rem',
  '--hero-y-lg': '4.5rem',
  '--header-height': '3.5rem',
  '--tap-target': '44px',
  '--control-height-sm': '32px',
  '--control-height': '36px',
  '--control-height-lg': '40px',
  '--control-height-xl': '52px',
  '--safe-top': 'env(safe-area-inset-top,0px)',
  '--safe-right': 'env(safe-area-inset-right,0px)',
  '--safe-bottom': 'env(safe-area-inset-bottom,0px)',
  '--safe-left': 'env(safe-area-inset-left,0px)',
  '--grid-columns': '12',
  '--grid-gap': 'var(--space-6)',
  '--grid-gap-tight': 'var(--space-4)',
  '--grid-gap-loose': 'var(--space-8)',
  '--breakpoint-sm': '40rem',
  '--breakpoint-md': '48rem',
  '--breakpoint-lg': '64rem',
  '--breakpoint-xl': '80rem',
  '--breakpoint-2xl': '96rem',
  '--grid-card-min': '18rem',
  '--grid-card-min-wide': '24rem',
  '--radius': '0.5rem',
  '--radius-sm': '0.375rem',
  '--radius-md': '0.5rem',
  '--radius-lg': '0.75rem',
  '--radius-xl': '1rem',
  '--radius-2xl': '1.5rem',
  '--radius-composer': '28px',
  '--radius-full': '9999px',
  '--shadow-none': 'none',
  '--shadow-floating': '0 24px 60px -16px rgb(0 0 0 / .75)',
  '--shadow-inset-hairline': 'inset 0 0 0 1px var(--white-10)',
  '--edge-highlight': 'inset 0 1px 0 0 rgb(255 255 255 / .10)',
  '--bloom': '0 0 24px -2px rgb(255 255 255 / .28)',
  '--ring-focus': '0 0 0 3px var(--ring-halo)',
  '--shadow-sm': '0 1px 2px 0 rgb(0 0 0 / .40)',
  '--shadow': '0 1px 3px 0 rgb(0 0 0 / .45), 0 1px 2px -1px rgb(0 0 0 / .45)',
  '--shadow-md': '0 4px 6px -1px rgb(0 0 0 / .50), 0 2px 4px -2px rgb(0 0 0 / .50)',
  '--shadow-lg': '0 10px 15px -3px rgb(0 0 0 / .55), 0 4px 6px -4px rgb(0 0 0 / .55)',
  '--shadow-xl': '0 20px 25px -5px rgb(0 0 0 / .60), 0 8px 10px -6px rgb(0 0 0 / .60)',
  '--shadow-2xl': 'var(--shadow-floating)',
  '--sheet-0': 'var(--surface-page)',
  '--sheet-1': 'var(--surface-card)',
  '--sheet-2': 'var(--surface-card-emphasis)',
  '--shadow-sheet-1': 'var(--edge-highlight),0 1px 2px 0 rgb(0 0 0 / .40)',
  '--shadow-sheet-2': 'var(--edge-highlight),0 10px 15px -3px rgb(0 0 0 / .55),0 4px 6px -4px rgb(0 0 0 / .55)',
  '--fold': '12px',
  '--fold-face': 'linear-gradient(315deg,var(--glass-strong) 0,var(--glass-strong) calc(var(--fold) - 1px),var(--border-strong) calc(var(--fold) - 1px),var(--border-strong) var(--fold),transparent var(--fold))',
  '--glow-hero': 'radial-gradient(circle,rgb(255 255 255 / .12) 0%,transparent 68%)',
  '--glow-hero-blur': '120px',
  '--sheen-card': 'radial-gradient(120% 120% at 80% 0%,rgb(255 255 255 / .08) 0%,transparent 55%)',
  '--sheen-edge': 'linear-gradient(90deg,transparent,rgb(255 255 255 / .14) 50%,transparent)',
  '--gradient-chrome': 'linear-gradient(to right,#ffffff,var(--white-80),var(--white-60))',
  '--gradient-chrome-2': 'linear-gradient(to right,#ffffff,var(--neutral-500))',
  '--gradient-protect': 'linear-gradient(to bottom,var(--white-10),transparent)',
  '--duration-fast': '150ms',
  '--duration-base': '300ms',
  '--duration-slow': '400ms',
  '--duration-slower': '500ms',
  '--duration-glow': '9s',
  '--duration-press': '90ms',
  '--ease-out': 'cubic-bezier(0,0,0.2,1)',
  '--ease-in-out': 'cubic-bezier(0.4,0,0.2,1)',
  '--ease-emphasis': 'cubic-bezier(0.16,1,0.3,1)',
  '--stagger': '60ms',
  '--entry-rise': '16px',
  '--entry-rise-lg': '24px',
  '--z-base': '0',
  '--z-raised': '10',
  '--z-sticky': '200',
  '--z-header': '300',
  '--z-dropdown': '400',
  '--z-overlay': '500',
  '--z-modal': '600',
  '--z-popover': '700',
  '--z-toast': '800',
  '--z-tooltip': 'var(--z-popover)',
  '--z-notification': 'var(--z-toast)',
  '--font-sans': 'Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
  '--font-display': 'var(--font-sans)',
  '--font-mono': 'Zen Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace',
  '--font-serif': 'Georgia,serif',
  '--font-feature-settings': 'normal',
  '--ring-offset': '-2px',
} as const

export type CssVarName = keyof typeof cssVars