:root { --color-primary: #1A2841; --color-secondary: #0F1A2C; --color-tertiary: #5A6473; --color-white: #ffffff; --color-light: #F6F7F9; --color-grey: #E2E5EA; --color-black: #000000; --bricks-color-accent: #ED8326; --bricks-color-accent-dark: #D9701A; --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-bricks-color-accent { background-color: var(--bricks-color-accent); }.text-bricks-color-accent { color: var(--bricks-color-accent); }.border-bricks-color-accent { border-color: var(--bricks-color-accent); }.bg-bricks-color-accent-dark { background-color: var(--bricks-color-accent-dark); }.text-bricks-color-accent-dark { color: var(--bricks-color-accent-dark); }