---
description: Brand color palette and design tokens
variables:
  - key: color.primary
    type: color
    label: Primary Color
    value: ""
    section: visual
  - key: color.secondary
    type: color
    label: Secondary Color
    value: ""
    section: visual
  - key: color.accent
    type: color
    label: Accent Color
    value: ""
    section: visual
  - key: color.highlight
    type: color
    label: Highlight Color
    value: ""
    section: visual
  - key: color.whites
    type: color
    label: Whites
    value: ""
    section: visual
  - key: color.blacks
    type: color
    label: Blacks
    value: ""
    section: visual
  - key: color.primary.weight
    type: number
    label: Primary Weight
    value: ""
  - key: color.accent.weight
    type: number
    label: Accent Weight
    value: ""
  - key: color.secondary.weight
    type: number
    label: Secondary Weight
    value: ""
  - key: color.highlight.weight
    type: number
    label: Highlight Weight
    value: ""
  - key: color.whites.weight
    type: number
    label: Whites Weight
    value: ""
  - key: color.blacks.weight
    type: number
    label: Blacks Weight
    value: ""
  - key: token.bg-base
    type: color
    label: BG Base
    value: ""
  - key: token.bg-surface
    type: color
    label: BG Surface
    value: ""
  - key: token.bg-elevated
    type: color
    label: BG Elevated
    value: ""
  - key: token.bg-inverted
    type: color
    label: BG Inverted
    value: ""
  - key: token.fg-primary
    type: color
    label: FG Primary
    value: ""
  - key: token.fg-secondary
    type: color
    label: FG Secondary
    value: ""
  - key: token.fg-muted
    type: color
    label: FG Muted
    value: ""
  - key: token.fg-subtle
    type: color
    label: FG Subtle
    value: ""
  - key: token.fg-inverted
    type: color
    label: FG Inverted
    value: ""
  - key: token.accent-base
    type: color
    label: Accent Base
    value: ""
  - key: token.accent-fg
    type: color
    label: Accent FG
    value: ""
  - key: token.accent-hover
    type: color
    label: Accent Hover
    value: ""
  - key: token.accent-active
    type: color
    label: Accent Active
    value: ""
  - key: token.accent-subtle
    type: color
    label: Accent Subtle
    value: ""
  - key: token.accent-on-dark
    type: color
    label: Accent On Dark
    value: ""
  - key: token.border-default
    type: color
    label: Border Default
    value: ""
  - key: token.border-subtle
    type: color
    label: Border Subtle
    value: ""
  - key: token.border-strong
    type: color
    label: Border Strong
    value: ""
  - key: token.status-success
    type: color
    label: Success
    value: ""
  - key: token.status-success-fg
    type: color
    label: Success FG
    value: ""
  - key: token.status-warning
    type: color
    label: Warning
    value: ""
  - key: token.status-warning-fg
    type: color
    label: Warning FG
    value: ""
  - key: token.status-danger
    type: color
    label: Danger
    value: ""
  - key: token.status-danger-fg
    type: color
    label: Danger FG
    value: ""
  - key: token.status-info
    type: color
    label: Info
    value: ""
  - key: token.status-info-fg
    type: color
    label: Info FG
    value: ""
  - key: gradient.primary
    type: gradient
    label: Primary Gradient
    value: ""
  - key: gradient.accent
    type: gradient
    label: Accent Gradient
    value: ""
  - key: gradient.subtle
    type: gradient
    label: Subtle Gradient
    value: ""
---

# Colors

[1–2 sentence description of the color system and its character.]
