:root { --color-primary: #111111; --color-secondary: #3f3f46; --color-tertiary: #71717a; --color-white: #ffffff; --color-light: #f4f4f5; --color-grey: #d4d4d8; --color-black: #000000; --paw-dark: #131516; --paw-light: #F0F1F9; --paw-gold: #EFB52E; --paw-cream: #F2EABB; --paw-blue: #2D68A8; --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; --spacing-2xl: 48px; --spacing-3xl: 64px; --spacing-4xl: 96px; --spacing-5xl: 128px;}.bg-color-primary { background-color: var(--color-primary); }.text-color-primary { color: var(--color-primary); }.border-color-primary { border-color: var(--color-primary); }.bg-color-secondary { background-color: var(--color-secondary); }.text-color-secondary { color: var(--color-secondary); }.border-color-secondary { border-color: var(--color-secondary); }.bg-color-tertiary { background-color: var(--color-tertiary); }.text-color-tertiary { color: var(--color-tertiary); }.border-color-tertiary { border-color: var(--color-tertiary); }.bg-color-white { background-color: var(--color-white); }.text-color-white { color: var(--color-white); }.bg-color-light { background-color: var(--color-light); }.border-color-light { border-color: var(--color-light); }.border-color-grey { border-color: var(--color-grey); }.bg-color-black { background-color: var(--color-black); }.text-color-black { color: var(--color-black); }.bg-paw-dark { background-color: var(--paw-dark); }.text-paw-dark { color: var(--paw-dark); }.border-paw-dark { border-color: var(--paw-dark); }.bg-paw-light { background-color: var(--paw-light); }.text-paw-light { color: var(--paw-light); }.border-paw-light { border-color: var(--paw-light); }.bg-paw-gold { background-color: var(--paw-gold); }.text-paw-gold { color: var(--paw-gold); }.border-paw-gold { border-color: var(--paw-gold); }.bg-paw-cream { background-color: var(--paw-cream); }.text-paw-cream { color: var(--paw-cream); }.border-paw-cream { border-color: var(--paw-cream); }.bg-paw-blue { background-color: var(--paw-blue); }.text-paw-blue { color: var(--paw-blue); }.border-paw-blue { border-color: var(--paw-blue); }