:root {
–color-primary: ‘#000000;
–color-white-as-heaven: #fefefe;
–color-irish-jig: #66c013;
–color-princeton-orange: #fe9000;
–color-petrol-green: #519c88;
–color-royal-navy-blue: #006bd1;

}

$color-primary: ‘#000000;
$color-white-as-heaven: #fefefe;
$color-irish-jig: #66c013;
$color-princeton-orange: #fe9000;
$color-petrol-green: #519c88;
$color-royal-navy-blue: #006bd1;

// tailwind.config.js
module.exports = {
theme: {
colors: {
‘primary’: ‘#000000;’,
‘white-as-heaven’: #fefefe,
‘irish-jig’: #66c013,
‘princeton-orange’: #fe9000,
‘petrol-green’: #519c88,
‘royal-navy-blue’: #006bd1,

}
}
}

// Text colors
.color-primary {
color: #000000;
}

.color-white-as-heaven {
color: #fefefe;
}

.color-irish-jig {
color: #66c013;
}

.color-princeton-orange {
color: #fe9000;
}

.color-petrol-green {
color: #519c88;
}

.color-royal-navy-blue {
color: #006bd1;
}

// Background colors
.bg-primary {
background-color: #000000;
}

.bg-white-as-heaven {
background-color: #fefefe;
}

.bg-irish-jig {
background-color: #66c013;
}

.bg-princeton-orange {
background-color: #fe9000;
}

.bg-petrol-green {
background-color: #519c88;
}

.bg-royal-navy-blue {
background-color: #006bd1;
}

:root {
–font-headline: ‘Open Sans’, sans-serif;’,
–font-sub-headline’: ‘Open Sans’, sans-serif;’,
–font-body: ‘Open Sans’, sans-serif;’,
}

:root {
–font-headline: ‘Open Sans’, sans-serif;’,
–font-sub-headline’: ‘Open Sans’, sans-serif;’,
–font-body: ‘Open Sans’, sans-serif;’,
}

$font-headline: ‘Open Sans’, sans-serif;’,
$font-sub-headline’: ‘Open Sans’, sans-serif;’,
$font-body: ‘Open Sans’, sans-serif;’,

:root {
–font-headline: ‘Open Sans’, sans-serif;’,
–font-sub-headline’: ‘Open Sans’, sans-serif;’,
–font-body: ‘Open Sans’, sans-serif;’,
}