import { describe, it, expect } from 'vitest'
import { cssVarFor } from './css-var'

describe('cssVarFor', () => {
  it('color keys map to --mod-color-* (matches ui-tokens colorVar)', () => {
    expect(cssVarFor('fg')).toBe('--mod-color-fg')
    expect(cssVarFor('accent')).toBe('--mod-color-accent')
    expect(cssVarFor('success-fg')).toBe('--mod-color-success-fg')
  })
  it('shape keys are already namespaced → --mod-<key>', () => {
    expect(cssVarFor('radius-sm')).toBe('--mod-radius-sm')
    expect(cssVarFor('font-size-base')).toBe('--mod-font-size-base')
    expect(cssVarFor('font-weight-bold')).toBe('--mod-font-weight-bold')
  })
})