.theme-bf {
	/**
   * Tier 1 
   */
	--dt-color-brand-orange: #be6700;
	--dt-color-brand-blue-light: #80cafa;
	--dt-color-brand-blue-dark: #0b0049;
	--dt-color-brand-brown: #110000;
	--dt-color-brand-brown-light: #403333;
	--dt-color-brand-brown-extra-light: #887f7f;
	--dt-color-brand-cream: #f6f5de;
	--dt-color-brand-cream-dark: #dedcb9;
	--dt-color-brand-cream-light: #efeed4;
	--dt-color-brand-cream-extra-dark: #c9b039;
	--dt-color-brand-cream-extra-extra-dark: #8e7d58;
	--dt-color-white: #ffffff;
	--dt-color-black: #000000;

	--dt-color-utility-red-900: #390e0e;
	--dt-color-utility-red-800: #631717;
	--dt-color-utility-red-700: #8d2121;
	--dt-color-utility-red-600: #b82f30;
	--dt-color-utility-red-500: #cd5a61;
	--dt-color-utility-red-400: #dd7c88;
	--dt-color-utility-red-300: #efa2b2;
	--dt-color-utility-red-200: #f8c5d1;
	--dt-color-utility-red-100: #fceaef;

	/* Typography */
	--dt-font-family-primary: "League Gothic", sans-serif;
	--dt-font-family-secondary: "Montserrat", sans-serif;
	--dt-font-family-tertiary: "Oswald", sans-serif;
	--dt-font-size-14: 0.875rem;
	--dt-font-size-16: 1rem;
	--dt-font-size-20: 1.25rem;
	--dt-font-size-24: 1.5rem;
	--dt-font-size-32: 2rem;
	--dt-font-size-40: 2.5rem;
	--dt-font-size-48: 3rem;
	--dt-font-size-64: 4rem;
	--dt-font-size-112: 7rem;
	--dt-font-size-224: 14rem;
	--dt-font-weight-normal: normal;
	--dt-font-weight-bold: bold;

	--dt-anim-fade-quick: 0.2s;
	--dt-anim-move-quick: 0.2s;
	--dt-anim-move-md: 0.5s;
	--dt-anim-ease: ease;

	/**
   * Tier 2
   */
	--dt-theme-color-background-default: var(--dt-color-white);
	--dt-theme-color-background-subtle: var(--dt-color-brand-cream-light);
	--dt-theme-color-background-knockout: var(--dt-color-brand-brown);
	--dt-theme-color-background-brand: var(--dt-color-brand-orange);
	--dt-theme-color-background-brand-knockout: var(--dt-color-brand-orange);
	--dt-theme-color-background-accent: var(--dt-color-brand-blue-light);
	--dt-theme-color-background-accent-2: var(--dt-color-brand-blue-dark);
	--dt-theme-color-background-accent-3: var(--dt-color-brand-cream-extra-dark);
	--dt-theme-color-border-default: var(--dt-color-brand-brown);
	--dt-theme-color-border-subtle: var(--dt-color-brand-cream-dark);
	--dt-theme-color-border-brand: var(--dt-color-brand-orange);
	--dt-theme-color-border-brand-dark: var(--dt-color-brand-cream-extra-dark);
	--dt-theme-color-border-brand-accent: var(--dt-color-brand-blue-light);
	--dt-theme-color-border-brand-subtle: var(--dt-color-brand-cream-dark);
	--dt-theme-color-border-error: var(--dt-color-utility-red-600);
	--dt-theme-color-content-default: var(--dt-color-brand-brown);
	--dt-theme-color-content-brand: var(--dt-color-brand-orange);
	--dt-theme-color-content-subtle: var(--dt-color-brand-cream-extra-dark);
	--dt-theme-color-content-knockout: var(--dt-color-brand-cream);
	--dt-theme-color-content-error: var(--dt-color-utility-red-600);
	--dt-theme-color-focus-ring: var(--dt-color-black);
	--dt-theme-color-focus-ring-inverted: var(--dt-color-brand-cream);

	/* Typography */

	/* Display */

	--dt-theme-typography-display-font-family: var(--dt-font-family-primary);
	--dt-theme-typography-display-font-size: 4.5rem;
	--dt-theme-typography-display-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-display-line-height: normal;
	--dt-theme-typography-display-letter-spacing: normal;
	--dt-theme-typography-display-text-transform: uppercase;

	--dt-theme-typography-display-mobile-font-family: var(
		--dt-font-family-primary
	);
	--dt-theme-typography-display-mobile-font-size: var(--dt-font-size-48);
	--dt-theme-typography-display-mobile-font-weight: var(
		--dt-font-weight-normal
	);
	--dt-theme-typography-display-mobile-line-height: normal;
	--dt-theme-typography-display-mobile-letter-spacing: normal;
	--dt-theme-typography-display-mobile-text-transform: uppercase;

	--dt-theme-typography-headline-lg-font-family: var(--dt-font-family-primary);
	--dt-theme-typography-headline-lg-font-size: var(--dt-font-size-64);
	--dt-theme-typography-headline-lg-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-headline-lg-letter-spacing: normal;
	--dt-theme-typography-headline-lg-line-height: normal;
	--dt-theme-typography-headline-lg-text-transform: uppercase;

	--dt-theme-typography-headline-lg-mobile-font-family: var(
		--dt-font-family-primary
	);
	--dt-theme-typography-headline-lg-mobile-font-size: var(--dt-font-size-40);
	--dt-theme-typography-headline-lg-mobile-font-weight: var(
		--dt-font-weight-normal
	);
	--dt-theme-typography-headline-lg-mobile-letter-spacing: normal;
	--dt-theme-typography-headline-lg-mobile-line-height: normal;
	--dt-theme-typography-headline-lg-mobile-text-transform: uppercase;

	--dt-theme-typography-headline-font-family: var(--dt-font-family-primary);
	--dt-theme-typography-headline-font-size: var(--dt-font-size-48);
	--dt-theme-typography-headline-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-headline-line-height: normal;
	--dt-theme-typography-headline-letter-spacing: normal;
	--dt-theme-typography-headline-text-transform: uppercase;

	--dt-theme-typography-headline-mobile-font-family: var(
		--dt-font-family-primary
	);
	--dt-theme-typography-headline-mobile-font-size: var(--dt-font-size-40);
	--dt-theme-typography-headline-mobile-font-weight: var(
		--dt-font-weight-normal
	);
	--dt-theme-typography-headline-mobile-line-height: normal;
	--dt-theme-typography-headline-mobile-letter-spacing: normal;
	--dt-theme-typography-headline-mobile-text-transform: uppercase;

	--dt-theme-typography-headline-sm-font-family: var(--dt-font-family-primary);
	--dt-theme-typography-headline-sm-font-size: var(--dt-font-size-32);
	--dt-theme-typography-headline-sm-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-headline-sm-line-height: normal;
	--dt-theme-typography-headline-sm-letter-spacing: normal;
	--dt-theme-typography-headline-sm-text-transform: uppercase;

	--dt-theme-typography-headline-sm-mobile-font-family: var(
		--dt-font-family-primary
	);
	--dt-theme-typography-headline-sm-mobile-font-size: var(--dt-font-size-32);
	--dt-theme-typography-headline-sm-mobile-font-weight: var(
		--dt-font-weight-normal
	);
	--dt-theme-typography-headline-sm-mobile-line-height: normal;
	--dt-theme-typography-headline-sm-mobile-letter-spacing: normal;
	--dt-theme-typography-headline-sm-mobile-text-transform: uppercase;

	--dt-theme-typography-title-lg-font-family: var(--dt-font-family-primary);
	--dt-theme-typography-title-lg-font-size: var(--dt-font-size-32);
	--dt-theme-typography-title-lg-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-title-lg-line-height: normal;
	--dt-theme-typography-title-lg-letter-spacing: normal;
	--dt-theme-typography-title-lg-text-transform: uppercase;

	--dt-theme-typography-title-lg-mobile-font-family: var(
		--dt-font-family-primary
	);
	--dt-theme-typography-title-lg-mobile-font-size: var(--dt-font-size-24);
	--dt-theme-typography-title-lg-mobile-font-weight: var(
		--dt-font-weight-normal
	);
	--dt-theme-typography-title-lg-mobile-line-height: normal;
	--dt-theme-typography-title-lg-mobile-letter-spacing: normal;
	--dt-theme-typography-title-lg-mobile-text-transform: uppercase;

	--dt-theme-typography-title-font-family: var(--dt-font-family-primary);
	--dt-theme-typography-title-font-size: var(--dt-font-size-24);
	--dt-theme-typography-title-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-title-line-height: normal;
	--dt-theme-typography-title-letter-spacing: normal;
	--dt-theme-typography-title-text-transform: uppercase;

	--dt-theme-typography-body-lg-font-family: var(--dt-font-family-secondary);
	--dt-theme-typography-body-lg-font-size: var(--dt-font-size-20);
	--dt-theme-typography-body-lg-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-body-lg-line-height: normal;
	--dt-theme-typography-body-lg-letter-spacing: normal;
	--dt-theme-typography-body-lg-text-transform: none;

	--dt-theme-typography-body-font-family: var(--dt-font-family-secondary);
	--dt-theme-typography-body-font-size: var(--dt-font-size-16);
	--dt-theme-typography-body-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-body-line-height: 1.4;
	--dt-theme-typography-body-letter-spacing: normal;
	--dt-theme-typography-body-text-transform: none;

	--dt-theme-typography-body-sm-font-family: var(--dt-font-family-secondary);
	--dt-theme-typography-body-sm-font-size: var(--dt-font-size-14);
	--dt-theme-typography-body-sm-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-body-sm-line-height: normal;
	--dt-theme-typography-body-sm-letter-spacing: normal;
	--dt-theme-typography-body-sm-text-transform: none;

	--dt-theme-typography-label-lg-font-family: var(--dt-font-family-primary);
	--dt-theme-typography-label-lg-font-size: var(--dt-font-size-24);
	--dt-theme-typography-label-lg-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-label-lg-line-height: normal;
	--dt-theme-typography-label-lg-letter-spacing: normal;
	--dt-theme-typography-label-lg-text-transform: uppercase;

	--dt-theme-typography-label-font-family: var(--dt-font-family-primary);
	--dt-theme-typography-label-font-size: var(--dt-font-size-20);
	--dt-theme-typography-label-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-label-line-height: normal;
	--dt-theme-typography-label-letter-spacing: normal;
	--dt-theme-typography-label-text-transform: uppercase;

	--dt-theme-typography-button-lg-font-family: var(--dt-font-family-tertiary);
	--dt-theme-typography-button-lg-font-size: var(--dt-font-size-20);
	--dt-theme-typography-button-lg-font-weight: var(--dt-font-weight-bold);
	--dt-theme-typography-button-lg-line-height: normal;
	--dt-theme-typography-button-lg-letter-spacing: normal;
	--dt-theme-typography-button-lg-text-transform: uppercase;

	--dt-theme-typography-button-font-family: var(--dt-font-family-tertiary);
	--dt-theme-typography-button-font-size: var(--dt-font-size-20);
	--dt-theme-typography-button-font-weight: var(--dt-font-weight-normal);
	--dt-theme-typography-button-line-height: normal;
	--dt-theme-typography-button-letter-spacing: normal;
	--dt-theme-typography-button-text-transform: uppercase;

	/* Border radius */
	--dt-theme-border-radius-sm: 0;
	--dt-theme-border-radius: 0.5rem;
	--dt-theme-border-radius-lg: 0;

	/* Tier 3 */
	/* Component Colors */
	--dt-component-button-color-background: var(--dt-color-brand-orange);
	--dt-component-button-color-content: var(--dt-color-brand-cream);
	--dt-component-button-hover-color-content: var(--dt-color-white);

	/* Component Typography */
	--dt-component-logo-title-font-size: clamp(4rem, 29vw, 17rem);
	--dt-component-logo-subtitle-font-size: clamp(1.5rem, 8.2vw, 4.7rem);
}