/*  =========================================================================
    Custom properties
    Maps the sass viarables to custom properties
    ========================================================================= */

@use 'sass:string';
@use './vars';

:root {
  --bs-family--serif: #{string.unquote(vars.$bs-family--serif)};
  --bs-family--sans-serif: #{string.unquote(vars.$bs-family--sans-serif)};
  --bs-color--light: #{vars.$bs-color--light};
  --bs-color--gray: #{vars.$bs-color--gray};
  --bs-color--dark-gray: #{vars.$bs-color--dark-gray};
  --bs-color--dark: #{vars.$bs-color--dark}; // Prussian blue
  --bs-color--brand-primary: #{vars.$bs-color--brand-primary}; // Paradise pink
  --bs-color--brand-secondary: #{vars.$bs-color--brand-secondary}; // Rich black
  --bs-color--brand-tertiary: #{vars.$bs-color--brand-tertiary}; // Medium aquamarine
}