1. Primary Colors + Variants
Each color with Base, Dark (hover), and Light (backgrounds) variants
Červená (Red)
Red
#EF1B47
Buttons, CTA
Red Dark
#8B0A24
Hover states
Red Light
#FEE7EB
Backgrounds, alerts
Modrá (Blue)
Blue
#3965F8
Links, icons
Blue Dark
#1835B0
Hover states
Blue Light
#E8EDFE
Backgrounds, badges
Tmavě modrá (Dark Blue)
Dark Blue
#031037
Headers, hero
Dark Blue Dark
#000820
Deepest variant
Dark Blue Light
#1A2642
Lighter variant
Žlutá (Yellow)
Yellow
#FDC332
Highlights
Yellow Dark
#CC9900
Hover states
Yellow Light
#FEF3C7
Backgrounds
Fialová (Purple)
Purple
#5F51E4
Clubs, activities
Purple Dark
#3425A0
Hover states
Purple Light
#EDE9FE
Backgrounds
Zelená (Green)
Green
#16A34A
Success, sports
Green Dark
#085C28
Hover states
Green Light
#DCFCE7
Backgrounds
Oranžová (Orange)
Orange
#F97316
Warnings
Orange Dark
#A33D00
Hover states
Orange Light
#FFEDD5
Backgrounds
2. Secondary Colors
Supporting colors for text and backgrounds
Hnědá (Brown)
#2D150A
Accent, earthy tones
Světle šedá (Light Gray)
#5D5D5D
Secondary text
Tmavě šedá (Dark Gray)
#1A1A1A
Primary text, headings
3. Background Colors
For page sections and blocks - alternating backgrounds
Light Mode
BG Primary
#FFFFFF
Main content
BG Secondary
#F8FAFC
Alternate sections
BG Tertiary
#F1F5F9
Cards, inputs
BG Accent
#E8EDFE
Highlighted blocks
Dark Mode
BG Dark Primary
#031037
Main dark
BG Dark Secondary
#1A2642
Alternate dark
BG Dark Accent
#0F172A
Cards on dark
BG Dark Highlight
#1E3A5F
Highlighted dark
