/* SITE GLOBALS */
:root 
{
    /* Color Palette */
    --color-bg: oklch(0.1297 0.0171 298.93);
    --color-surface: oklch(0.1823 0.0325 294.44);
    --color-primary: oklch(0.5312 0.1125 298.51);
    --color-text: oklch(97.184% 0.01483 294.309);

    /* Global font settings */
    --font-family-a: 'Inter', sans-serif;
    --font-family-b: 'Quicksand', sans-serif;
    --font-family-b-weight: 400;

    --font-size-normal: 1rem;
    --font-size-subheading: 3rem;
    --font-size-heading: 4rem;
    
    /* Spacing Scale (relative to font size) */
    --space-xs: 0.5rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    
    /* Borders & Radius */
    --radius-main: 0.35rem;
    --border-thin: 1px solid oklch(100% 0 0 / 10%);

    --content-padding: 2rem;
}