:root {
    /* RAW COLORS */
    --black: #0a0a0b;
    --dark: #111214;
    --white: #f2f3f4;
    --soft-red: #f4816f;
    --softer-red: #f9bfb6;
    --dark-blue: #1c1d2b;
    --muted: #8a8c91;
    --border: #2a2b2f;
    /* GLOBAL COLORS */
    --primary-color: var(--soft-red);
    --secondary-color: var(--softer-red);
    /* FONT FAMILIES*/
    --font-heading: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-ui: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, sans-serif;
    --font-serif: "Merriweather", Georgia, Cambria, serif;
    --font-cyrillic: "Playfair Display", Georgia, "Times New Roman", serif;
    /* FONT SIZES */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-md: 1rem;
    --text-lg: 1.25rem;
    --text-heading-md: clamp(1.6rem, 2.5vw, 2.2rem);
    --text-heading-lg: clamp(1.9rem, 3vw, 2.7rem);
    /* FONT COLORS */
    --text-accent: var(--primary-color);
    --text-muted: var(--muted);
    /* SPACES */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 5rem;
    --space-xxl: 6rem;
}