Klasyo Brand Color Palette
Design Tokens v1.5

=====================================
🟦 BRAND LAYER (Identity)
=====================================
Primary Blue:      #2E86AB
Primary Soft:      #E4F2F9
Brand Dark:        #0B1726

=====================================
⚪ SURFACE LAYER (Reading & Neutrality)
=====================================
Background:        #F7F9FB
Card:              #FFFFFF
Text Primary:      #111827
Text Muted:        #6B7280
Border Subtle:     #E5E7EB

=====================================
⚙️ ACTION LAYER (Momentum & Focus)
=====================================
Action Primary:    #17BEBB
Action Foreground: #FFFFFF
Action Muted:      rgba(23, 190, 187, 0.15)

=====================================
🟨 OUTCOME LAYER (Completion & Reward)
=====================================
Accent Gold:       #F2C14F
Accent Foreground: #0B1726

=====================================
🚨 STATUS LAYER (Utility)
=====================================
Success:           #22C55E
Error:             #EF4444
Warning:           #F97316

=====================================
Extended Palette (Shades of Blue)
=====================================
Shade 1:  hsl(200, 60%, 20%)
Shade 2:  hsl(200, 60%, 25%)
Shade 3:  hsl(200, 60%, 30%)
Shade 4:  hsl(200, 60%, 35%)
Shade 5:  hsl(200, 60%, 40%)
Shade 6:  hsl(200, 60%, 45%)
Shade 7:  hsl(200, 60%, 50%)
Shade 8:  hsl(200, 60%, 55%)
Shade 9:  hsl(200, 60%, 60%)
Shade 10: hsl(200, 60%, 65%)
Shade 11: hsl(200, 60%, 70%)
Shade 12: hsl(200, 60%, 75%)
Shade 13: hsl(200, 60%, 80%)
Shade 14: hsl(200, 60%, 85%)
Shade 15: hsl(200, 60%, 90%)
Shade 16: hsl(200, 60%, 95%)