meta:
  version: 2.2.0
  token_count: 883
  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
    ramp_parameters:
      curve: chroma = peak_chroma * exp(-0.5 * ((i - 4.8) / 3.8) ** 2), i = index into shades
      ramps:
        amber:
          hue: 75
          peak_chroma: 0.16
        ash:
          hue: 30
          peak_chroma: 0.012
        azure:
          hue: 220
          peak_chroma: 0.1
        blue:
          hue: 245
          peak_chroma: 0.14
        blush:
          hue: 355
          peak_chroma: 0.21
        brand-accent:
          hue: 50
          peak_chroma: 0.185
        brand-primary:
          hue: 260
          peak_chroma: 0.16
        brand-secondary:
          hue: 163
          peak_chroma: 0.12
        clay:
          hue: 48
          peak_chroma: 0.16
        cobalt:
          hue: 255
          peak_chroma: 0.15
        coral:
          hue: 15
          peak_chroma: 0.25
        crimson:
          hue: 40
          peak_chroma: 0.19
        cyan:
          hue: 198
          peak_chroma: 0.12
        danger:
          hue: 27
          peak_chroma: 0.22
        dusk:
          hue: 280
          peak_chroma: 0.14
        ember:
          hue: 55
          peak_chroma: 0.17
        emerald:
          hue: 155
          peak_chroma: 0.15
        fjord:
          hue: 229
          peak_chroma: 0.104
        fuchsia:
          hue: 325
          peak_chroma: 0.2
        gold:
          hue: 85
          peak_chroma: 0.15
        grape:
          hue: 318
          peak_chroma: 0.17
        gray:
          hue: 0
          peak_chroma: 0
        green:
          hue: 145
          peak_chroma: 0.16
        ice:
          hue: 212
          peak_chroma: 0.09
        indigo:
          hue: 268
          peak_chroma: 0.16
        info:
          hue: 255
          peak_chroma: 0.145
        iris:
          hue: 274
          peak_chroma: 0.15
        jade:
          hue: 163
          peak_chroma: 0.13
        lemon:
          hue: 105
          peak_chroma: 0.14
        lilac:
          hue: 300
          peak_chroma: 0.13
        lime:
          hue: 120
          peak_chroma: 0.16
        mint:
          hue: 170
          peak_chroma: 0.11
        mushroom:
          hue: 82
          peak_chroma: 0.028
        orange:
          hue: 65
          peak_chroma: 0.18
        orchid:
          hue: 306
          peak_chroma: 0.15
        pink:
          hue: 340
          peak_chroma: 0.24
        plum:
          hue: 312
          peak_chroma: 0.16
        pool:
          hue: 205
          peak_chroma: 0.11
        red:
          hue: 25
          peak_chroma: 0.23
        rose:
          hue: 5
          peak_chroma: 0.22
        sage:
          hue: 132
          peak_chroma: 0.1
        sea:
          hue: 188
          peak_chroma: 0.11
        sky:
          hue: 238
          peak_chroma: 0.11
        slate:
          hue: 240
          peak_chroma: 0.012
        steel:
          hue: 250
          peak_chroma: 0.028
        stone:
          hue: 160
          peak_chroma: 0.008
        success:
          hue: 150
          peak_chroma: 0.178
        teal:
          hue: 178
          peak_chroma: 0.12
        violet:
          hue: 290
          peak_chroma: 0.15
        warning:
          hue: 55
          peak_chroma: 0.17
        wine:
          hue: 33
          peak_chroma: 0.2
        yellow:
          hue: 95
          peak_chroma: 0.14
    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-instant
    - motion-fast
    - motion-base
    - motion-slow
    - motion-slower
  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-active
    - 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
  other:
    - focus-ring
    - chart-1
    - chart-2
    - chart-3
    - chart-4
    - chart-5
    - chart-6
    - chart-grid
    - chart-axis
    - chart-fill-alpha
    - neutral-lt
    - neutral-lt-hover
    - neutral-dk
    - neutral-lt-text
    - neutral-dk-text
    - info
    - success
    - warning
    - danger
    - accent
    - z-dropdown
    - z-sticky
    - z-drawer
    - z-modal
    - z-popover
    - z-toast
    - z-tooltip
    - space-inset-xs
    - space-inset-sm
    - space-inset-md
    - space-inset-lg
    - space-inset-xl
    - space-gap-xs
    - space-gap-sm
    - space-gap-md
    - space-gap-lg
    - space-gap-xl
    - space-stack-xs
    - space-stack-sm
    - space-stack-md
    - space-stack-lg
    - space-stack-xl
    - space-target-sm
    - space-target-md
    - space-target-lg
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