{"version":3,"file":"tokens.mjs","sources":["../../../src/lib/theme/tokens.ts"],"sourcesContent":["/**\n * Centralized design tokens (spacing, colors, typography).\n * These tokens provide semantic values for consistent UI styling.\n */\n\n/**\n * Semantic color tokens for use with theme system.\n * These map to palette values and provide CSS variable references.\n */\nexport const colorTokens = {\n  // Primary brand colors\n  primary: {\n    default: 'var(--color-primary-500, #3b82f6)',\n    hover: 'var(--color-primary-600, #2563eb)',\n    active: 'var(--color-primary-700, #1d4ed8)',\n    light: 'var(--color-primary-100, #dbeafe)',\n    lighter: 'var(--color-primary-50, #eff6ff)',\n  },\n\n  // Secondary colors\n  secondary: {\n    default: 'var(--color-secondary-500, #64748b)',\n    hover: 'var(--color-secondary-600, #475569)',\n    active: 'var(--color-secondary-700, #334155)',\n    light: 'var(--color-secondary-100, #f1f5f9)',\n    lighter: 'var(--color-secondary-50, #f8fafc)',\n  },\n\n  // Semantic colors\n  success: {\n    default: 'var(--color-success-500, #22c55e)',\n    hover: 'var(--color-success-600, #16a34a)',\n    light: 'var(--color-success-100, #dcfce7)',\n    lighter: 'var(--color-success-50, #f0fdf4)',\n  },\n\n  warning: {\n    default: 'var(--color-warning-500, #f59e0b)',\n    hover: 'var(--color-warning-600, #d97706)',\n    light: 'var(--color-warning-100, #fef3c7)',\n    lighter: 'var(--color-warning-50, #fffbeb)',\n  },\n\n  error: {\n    default: 'var(--color-error-500, #ef4444)',\n    hover: 'var(--color-error-600, #dc2626)',\n    light: 'var(--color-error-100, #fee2e2)',\n    lighter: 'var(--color-error-50, #fef2f2)',\n  },\n\n  info: {\n    default: 'var(--color-info-500, #3b82f6)',\n    hover: 'var(--color-info-600, #2563eb)',\n    light: 'var(--color-info-100, #dbeafe)',\n    lighter: 'var(--color-info-50, #eff6ff)',\n  },\n\n  // Neutral/Gray colors\n  neutral: {\n    white: '#ffffff',\n    black: '#000000',\n    50: 'var(--color-neutral-50, #fafafa)',\n    100: 'var(--color-neutral-100, #f4f4f5)',\n    200: 'var(--color-neutral-200, #e4e4e7)',\n    300: 'var(--color-neutral-300, #d4d4d8)',\n    400: 'var(--color-neutral-400, #a1a1aa)',\n    500: 'var(--color-neutral-500, #71717a)',\n    600: 'var(--color-neutral-600, #52525b)',\n    700: 'var(--color-neutral-700, #3f3f46)',\n    800: 'var(--color-neutral-800, #27272a)',\n    900: 'var(--color-neutral-900, #18181b)',\n  },\n\n  // Background colors\n  background: {\n    primary: 'var(--color-bg-primary, #ffffff)',\n    secondary: 'var(--color-bg-secondary, #f8fafc)',\n    tertiary: 'var(--color-bg-tertiary, #f1f5f9)',\n    muted: 'var(--color-bg-muted, #f9fafb)',\n    inverse: 'var(--color-bg-inverse, #0f172a)',\n  },\n\n  // Text colors\n  text: {\n    primary: 'var(--color-text-primary, #0f172a)',\n    secondary: 'var(--color-text-secondary, #475569)',\n    tertiary: 'var(--color-text-tertiary, #5c6b7f)',\n    muted: 'var(--color-text-muted, #6b7280)',\n    inverse: 'var(--color-text-inverse, #ffffff)',\n  },\n\n  // Border colors\n  border: {\n    default: 'var(--color-border-default, #e2e8f0)',\n    muted: 'var(--color-border-muted, #f1f5f9)',\n    emphasis: 'var(--color-border-emphasis, #cbd5e1)',\n    focus: 'var(--color-border-focus, #3b82f6)',\n  },\n\n  // Interactive states\n  interactive: {\n    hover: 'var(--color-interactive-hover, rgba(0, 0, 0, 0.04))',\n    active: 'var(--color-interactive-active, rgba(0, 0, 0, 0.08))',\n    selected: 'var(--color-interactive-selected, #eff6ff)',\n    disabled: 'var(--color-interactive-disabled, #f4f4f5)',\n  },\n} as const;\n\nexport const tokens = {\n  // Spacing (in pixels, converted to rem in CSS)\n  spacing: {\n    xs: '0.25rem', // 4px\n    sm: '0.5rem', // 8px\n    md: '1rem', // 16px\n    lg: '1.5rem', // 24px\n    xl: '2rem', // 32px\n    '2xl': '3rem', // 48px\n    '3xl': '4rem', // 64px\n  },\n\n  // Border radius\n  radius: {\n    none: '0',\n    sm: '0.125rem', // 2px\n    md: '0.25rem', // 4px\n    lg: '0.5rem', // 8px\n    xl: '1rem', // 16px\n    full: '9999px',\n  },\n\n  // Font sizes\n  fontSize: {\n    xs: '0.75rem', // 12px\n    sm: '0.875rem', // 14px\n    base: '1rem', // 16px\n    lg: '1.125rem', // 18px\n    xl: '1.25rem', // 20px\n    '2xl': '1.5rem', // 24px\n    '3xl': '1.875rem', // 30px\n    '4xl': '2.25rem', // 36px\n  },\n\n  // Font weights\n  fontWeight: {\n    normal: '400',\n    medium: '500',\n    semibold: '600',\n    bold: '700',\n  },\n\n  // Line heights\n  lineHeight: {\n    none: '1',\n    tight: '1.25',\n    snug: '1.375',\n    normal: '1.5',\n    relaxed: '1.625',\n    loose: '2',\n  },\n\n  // Shadows\n  shadow: {\n    none: 'none',\n    sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n    md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n    lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n    xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n  },\n\n  // Z-index\n  zIndex: {\n    base: '0',\n    dropdown: '100',\n    sticky: '200',\n    modal: '300',\n    popover: '400',\n    tooltip: '500',\n    toast: '600',\n  },\n\n  // Transitions\n  transition: {\n    fast: '150ms ease-in-out',\n    normal: '250ms ease-in-out',\n    slow: '350ms ease-in-out',\n  },\n\n  // Breakpoints\n  breakpoint: {\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n    '2xl': '1536px',\n  },\n} as const;\n\nexport type Tokens = typeof tokens;\nexport type ColorTokens = typeof colorTokens;\nexport type SpacingToken = keyof typeof tokens.spacing;\nexport type RadiusToken = keyof typeof tokens.radius;\nexport type FontSizeToken = keyof typeof tokens.fontSize;\nexport type FontWeightToken = keyof typeof tokens.fontWeight;\nexport type ShadowToken = keyof typeof tokens.shadow;\nexport type ZIndexToken = keyof typeof tokens.zIndex;\nexport type ColorToken = keyof typeof colorTokens;\n"],"names":["colorTokens","tokens"],"mappings":"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"}