VLLS Developments

VLLS Colour Palette

All CSS custom-property tokens defined in globals.css. Rendered live — colours are resolved from the actual CSS variables.

--background

#061A10

--light-green

#0A3025

--warm-white

#F4F3ED

--foreground

#F4F0E8

--card-foreground

#E9E0D3

--muted-foreground

#8C8070

--primary (muted gold)

#B99557

--champagne-gold (hero text)

#D8B77A

--secondary (sage green)

#5E7A5E

--accent

#B99557

--card

#0A3025

--surface-ivory / --surface-light

#F4F3ED

--surface-beige

#EAE6DC

--surface-light-heading

#1E4A30

--surface-light-body

#3D6050

--on-light

#0A3025

--on-light-muted

#3A5A48

--overlay-forest

#061A10

--stripe-bg

#061A10

--border

#1A3D28

--border-light

#CCC9BE

--destructive

#DC3545

--success

#2E8B57

--warning

#E8920A

--info

#3D8FD9

--chart-1 (lightest)

#D9C89A

--chart-2

#C4A96A

--chart-3

#B09040

--chart-4

#8C7030

--chart-5 (darkest)

#5C4820

--sidebar

#0A3025

--sidebar-primary

#B09040

--sidebar-accent

#5E7A5E

--sidebar-border

#183D28

Spacing Scale

--space-xs
0.5rem / 8px
--space-sm
1rem / 16px
--space-base
1.75rem / 28px
--space-lg
2.5rem / 40px
--space-xl
4rem / 64px
--space-xxl
6rem / 96px
--space-xxxl
9rem / 144px