Button Hierarchy & Contrast
Every button variant mapped to semantic tokens with WCAG AA compliance.
Contrast check: Primary button text uses deep obsidian token
--primary-foreground, providing a tested 10.3:1 contrast ratio against the gold background.Interactive Motion & Notification Primitives
Dynamic hover transitions and asynchronous promise toasts powered by Base UI.
Interactive Hover Button
Fluid expanding background with directional text sliding animation on pointer hover.
Base UI Promise Toast
Asynchronous state manager with loading, success, and error resolution animations.
Emerald Chart Scale (--chart-1 to --chart-5)
OKLCH chart palette mapped from vibrant mint emerald down to deep casino felt green.
Chart 198.5%
Blackjack House RTP
Chart 284.2%
Shift Work Claim Rate
Chart 372.0%
Snail Race Pool Size
Chart 458.4%
Dice Duel Activity
Chart 541.1%
Shop Ticket Fulfillment
Form Controls & Focus Rings
Inputs styled with border-input, bg-background, and active ring-ring focus states.
Token Palette Inspector
Click any swatch to copy its CSS variable name.