:root { --neutral-1: #F7F3EE; --neutral-2: #EFE9E0; --neutral-3: #DBD3C9; --neutral-4: #BFB7AC; --light-gold: #AD996F; --dark-gold: #886F3C; --charcoal: #252525; --transparent: rgba(0, 0, 0, 0); --charcoal-light: #525252;}.bg-neutral-1 { background-color: var(--neutral-1); }.text-neutral-1 { color: var(--neutral-1); }.border-neutral-1 { border-color: var(--neutral-1); }.outline-neutral-1 { outline-color: var(--neutral-1); }.fill-neutral-1 { fill: var(--neutral-1); }.stroke-neutral-1 { stroke: var(--neutral-1); }.bg-neutral-2 { background-color: var(--neutral-2); }.text-neutral-2 { color: var(--neutral-2); }.border-neutral-2 { border-color: var(--neutral-2); }.outline-neutral-2 { outline-color: var(--neutral-2); }.fill-neutral-2 { fill: var(--neutral-2); }.stroke-neutral-2 { stroke: var(--neutral-2); }.bg-neutral-3 { background-color: var(--neutral-3); }.text-neutral-3 { color: var(--neutral-3); }.border-neutral-3 { border-color: var(--neutral-3); }.outline-neutral-3 { outline-color: var(--neutral-3); }.fill-neutral-3 { fill: var(--neutral-3); }.stroke-neutral-3 { stroke: var(--neutral-3); }.bg-neutral-4 { background-color: var(--neutral-4); }.text-neutral-4 { color: var(--neutral-4); }.border-neutral-4 { border-color: var(--neutral-4); }.outline-neutral-4 { outline-color: var(--neutral-4); }.fill-neutral-4 { fill: var(--neutral-4); }.stroke-neutral-4 { stroke: var(--neutral-4); }.bg-light-gold { background-color: var(--light-gold); }.text-light-gold { color: var(--light-gold); }.border-light-gold { border-color: var(--light-gold); }.outline-light-gold { outline-color: var(--light-gold); }.fill-light-gold { fill: var(--light-gold); }.stroke-light-gold { stroke: var(--light-gold); }.bg-dark-gold { background-color: var(--dark-gold); }.text-dark-gold { color: var(--dark-gold); }.border-dark-gold { border-color: var(--dark-gold); }.outline-dark-gold { outline-color: var(--dark-gold); }.fill-dark-gold { fill: var(--dark-gold); }.stroke-dark-gold { stroke: var(--dark-gold); }.bg-charcoal { background-color: var(--charcoal); }.text-charcoal { color: var(--charcoal); }.border-charcoal { border-color: var(--charcoal); }.outline-charcoal { outline-color: var(--charcoal); }.fill-charcoal { fill: var(--charcoal); }.stroke-charcoal { stroke: var(--charcoal); }.bg-transparent { background-color: var(--transparent); }.text-transparent { color: var(--transparent); }.border-transparent { border-color: var(--transparent); }.outline-transparent { outline-color: var(--transparent); }.fill-transparent { fill: var(--transparent); }.stroke-transparent { stroke: var(--transparent); }.bg-charcoal-light { background-color: var(--charcoal-light); }.text-charcoal-light { color: var(--charcoal-light); }.border-charcoal-light { border-color: var(--charcoal-light); }.outline-charcoal-light { outline-color: var(--charcoal-light); }.fill-charcoal-light { fill: var(--charcoal-light); }.stroke-charcoal-light { stroke: var(--charcoal-light); }