meta:
  generated: "2026-04-17"
  token_count: 860
  naming:
    reference: "--vi-ref-{name}"
    semantic: "--vi-sem-{name}"
    component: "--vi-cmp-{name}"
reference:
  color_palettes:
    shades:
      - 50
      - 100
      - 200
      - 300
      - 400
      - 500
      - 600
      - 700
      - 800
      - 900
      - 950
    families:
      - gray
      - ash
      - mushroom
      - stone
      - slate
      - steel
      - rose
      - coral
      - red
      - wine
      - crimson
      - clay
      - ember
      - orange
      - amber
      - gold
      - yellow
      - lemon
      - lime
      - sage
      - green
      - emerald
      - jade
      - mint
      - teal
      - sea
      - cyan
      - pool
      - ice
      - azure
      - fjord
      - sky
      - blue
      - cobalt
      - indigo
      - iris
      - dusk
      - violet
      - lilac
      - orchid
      - plum
      - grape
      - fuchsia
      - pink
      - blush
      - warning
      - success
      - danger
      - info
    standalone:
      - color-white
      - color-black
  spacing:
    - space-0.5
    - space-1
    - space-1.5
    - space-2
    - space-2.5
    - space-3
    - space-3.5
    - space-4
    - space-5
    - space-6
    - space-8
    - space-10
  radius:
    - radius-1
    - radius-2
    - radius-3
    - radius-4
    - radius-5
    - radius-6
    - radius-pill
  typography:
    sizes:
      - font-size-2xs
      - font-size-xs
      - font-size-sm
      - font-size-md
      - font-size-lg
      - font-size-xl
      - font-size-2xl
      - font-size-3xl
    weights:
      - font-weight-thin
      - font-weight-extralight
      - font-weight-light
      - font-weight-normal
      - font-weight-medium
      - font-weight-semibold
      - font-weight-bold
    line_heights:
      - line-height-none
      - line-height-tight
      - line-height-snug
      - line-height-normal
      - line-height-relaxed
    letter_spacing:
      - letter-spacing-tight
      - letter-spacing-normal
      - letter-spacing-wide
  shadows:
    - shadow-1
    - shadow-2
    - shadow-3
    - shadow-4
  motion:
    - motion-fast
  focus:
    - focus-ring
  opacity:
    - opacity-disabled
semantic:
  brand_palettes:
    shades:
      - 50
      - 100
      - 200
      - 300
      - 400
      - 500
      - 600
      - 700
      - 800
      - 900
      - 950
    families:
      - brand-primary
      - brand-secondary
      - brand-accent
    standalone:
      - brand-primary
      - brand-secondary
      - brand-accent
  surfaces:
    - surface-canvas
    - surface-default
    - surface-default-translucent
    - surface-muted
    - surface-muted-translucent
    - surface-hover
    - surface-selected
    - surface-inverse
  text:
    - text-default
    - text-muted
    - text-subtle
    - text-on-accent
    - text-inverse
  actions:
    - action-primary
    - action-primary-hover
    - action-secondary
    - action-secondary-hover
  borders:
    - border-default
    - border-subtle
    - border-strong
    - border-danger
    - border-info
    - border-success
    - border-warning
    - border-accent
  status:
    - info-lt
    - info-lt-hover
    - info-lt-border
    - info-dk
    - info-dk-hover
    - info-dk-border
    - info-lt-text
    - info-dk-text
    - info-text
    - info-hover
    - info-border
    - success-lt
    - success-lt-hover
    - success-lt-border
    - success-dk
    - success-dk-hover
    - success-dk-border
    - success-lt-text
    - success-dk-text
    - success-text
    - success-hover
    - success-border
    - warning-lt
    - warning-lt-hover
    - warning-lt-border
    - warning-dk
    - warning-dk-hover
    - warning-dk-border
    - warning-lt-text
    - warning-dk-text
    - warning-text
    - warning-hover
    - warning-border
    - danger-lt
    - danger-lt-hover
    - danger-lt-border
    - danger-dk
    - danger-dk-hover
    - danger-dk-border
    - danger-lt-text
    - danger-dk-text
    - danger-text
    - danger-hover
    - danger-border
    - accent-lt
    - accent-lt-hover
    - accent-lt-border
    - accent-dk
    - accent-dk-hover
    - accent-dk-border
    - accent-lt-text
    - accent-dk-text
    - accent-text
    - accent-hover
    - accent-border
  table:
    - table-header-bg
    - table-header-text
    - table-header-text-transform
    - table-header-letter-spacing
    - table-body-bg
    - table-body-text
    - table-stripe-bg
    - table-border
  scroll:
    - scroll-cue
    - backdrop
  typography:
    - heading-family
    - heading-weight
    - heading-line-height
    - heading-letter-spacing
    - heading-1-size
    - heading-2-size
    - heading-3-size
    - heading-4-size
    - heading-5-size
    - heading-6-size
    - heading-1-weight
    - heading-2-weight
    - heading-3-weight
    - heading-4-weight
    - heading-5-weight
    - heading-6-weight
    - heading-1-line-height
    - heading-2-line-height
    - heading-3-line-height
    - heading-4-line-height
    - heading-5-line-height
    - heading-6-line-height
    - heading-1-letter-spacing
    - heading-2-letter-spacing
    - heading-3-letter-spacing
    - heading-4-letter-spacing
    - heading-5-letter-spacing
    - heading-6-letter-spacing
    - heading-1-color
    - heading-2-color
    - heading-3-color
    - heading-4-color
    - heading-5-color
    - heading-6-color
    - heading-1-text-transform
    - heading-2-text-transform
    - heading-3-text-transform
    - heading-4-text-transform
    - heading-5-text-transform
    - heading-6-text-transform
    - body-family
    - body-weight
    - body-line-height
    - body-letter-spacing
    - body-text-transform
    - body-color
    - body-sm-size
    - body-md-size
    - body-lg-size
    - caption-family
    - caption-weight
    - caption-line-height
    - caption-letter-spacing
    - caption-text-transform
    - caption-color
    - caption-sm-size
    - caption-md-size
    - label-family
    - label-weight
    - label-line-height
    - label-letter-spacing
    - label-text-transform
    - label-color
    - label-sm-size
    - label-md-size
    - label-lg-size
    - long-text-family
    - long-text-weight
    - long-text-line-height
    - long-text-letter-spacing
    - long-text-text-transform
    - long-text-color
    - long-text-sm-size
    - long-text-md-size
    - long-text-lg-size
    - overline-family
    - overline-weight
    - overline-size
    - overline-sm-size
    - overline-line-height
    - overline-letter-spacing
    - overline-text-transform
    - overline-color
  elevation:
    - shadow-card
    - shadow-popup
    - shadow-overlay
component:
  - button-height-sm
  - button-height-md
  - button-height-lg
  - button-padding-inline
  - input-height
  - input-padding-inline
  - card-padding
  - card-gap
  - badge-border-width
  - badge-gap
  - badge-padding-block
  - badge-padding-inline
  - tag-gap
  - tag-padding-block
  - tag-padding-inline
  - callout-leading-start-radius
  - callout-leading-end-radius
  - callout-border-width
  - toast-leading-start-radius
  - toast-leading-end-radius
  - list-hover
  - vertical-nav-item-hover-surface
  - vertical-nav-item-active-surface
  - vertical-nav-item-hover-border
  - vertical-nav-item-hover-text
  - vertical-nav-item-active-border
  - vertical-nav-item-active-text
  - vertical-nav-item-active-weight
  - skeleton-base
  - skeleton-highlight
  - drawer-border
themes:
  base: default
  clients: []
  color_modes:
    - light
    - dark