Design tokens¶

Backgrounds¶

Text colors¶

• --text-primary — Headings, important content
• --text-secondary — Body text, supporting information
• --text-tertiary — Metadata, labels, disabled states

Accent colors¶

• --accent — Brand accent (buttons, highlights, indicators)
• --accent-link — Link accent (anchors)

Shadows¶

--shadow-soft     Subtle depth for cards at rest
--shadow-medium   Hover states, elevated elements
--shadow-lifted   Modals, floating elements
--inset-shadow    Pressed states
--inner-glow      Top highlight for buttons

Brand gradient¶

--uni-gradient: conic-gradient(
  from 0deg at 50% 50%,
  #ff2d88,
  #fb5607,
  #ffbe0b,
  #9f5bff,
  #3a86ff,
  #73f6c7,
  #ff2d88
);

Spacing¶