Variable HIERARCHYConst

Type Declaration

• Readonlyaccent: { color: string; hex: 59110 }

  Accent - Emphasis and highlights (Cyan)

• Readonlyaccent50: { color: `rgba(${string}, 0.5)`; hex: 59110 }

  Accent with 50% opacity - For backgrounds

• Readonlyaccent70: { color: `rgba(${string}, 0.7)`; hex: 59110 }

  Accent with 70% opacity - For subtle emphasis

• Readonlygold: { color: string; hex: 16761856 }

  Gold - Special emphasis (Gold)

• Readonlymuted: { color: string; hex: 7829367 }

  Muted - Disabled or inactive (Dark gray)

• Readonlyprimary: { color: string; hex: 16777215 }

  Primary - Main content (White - highest contrast)

• Readonlyprimary80: { color: `rgba(${string}, 0.8)`; hex: 16777215 }

  Primary with 80% opacity - For hover states

• Readonlysecondary: { color: string; hex: 13421772 }

  Secondary - Supporting content (Light gray)

• Readonlytertiary: { color: string; hex: 11184810 }

  Tertiary - Subtle content (Medium gray)