Colour palette for Sencss

Each colour is prefixed by a css property:

• background-color = .bgc-
• border-color = .bdc-
• color = .c-
• fill = .f-
• stroke = .s-

Primary colours

.c-sb   { color: var(--sensis-black); }
.c-sw   { color: var(--sensis-white); }

Secondary colours

.c-sg   { color: var(--sensis-green); }
.c-sl   { color: var(--sensis-lime); }
.c-sm   { color: var(--sensis-magenta); }
.c-so   { color: var(--sensis-orange); }
.c-sp   { color: var(--sensis-purple); }

Greyscale

.c-sg1  { color: var(--sensis-grey-1); }
.c-sg2  { color: var(--sensis-grey-2); }
.c-sg3  { color: var(--sensis-grey-3); }
.c-sg4  { color: var(--sensis-grey-4); }

Pitcher colours

.c-ps-1 { color: var(--pitcher-slate-1); }
.c-ps-2 { color: var(--pitcher-slate-2); }
.c-ps-3 { color: var(--pitcher-slate-3); }
.c-ps-4 { color: var(--pitcher-slate-4); }
.c-pp-1 { color: var(--pitcher-purple-1); }
.c-pp-2 { color: var(--pitcher-purple-2); }
.c-py-1 { color: var(--pitcher-yellow-1); }