/*
Theme Name: Chandelier Child Pledg
Theme URI: https://chandelier.qodeinteractive.com/
Description: A child theme of Chandelier Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Version: 1.1.1
Template: chandelier
*/

@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&family=Allura&family=Anton&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.cdnfonts.com/css/post-no-bills-colombo');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Birthstone+Bounce:wght@400&display=swap');

@import "./assets/css/_bulk.css";
@import "./assets/css/_modifiers.css";
@import "./assets/css/_header.css";
@import "./assets/css/_footer.css";
@import "./assets/css/_custom-modal.css";
@import "./assets/css/_product-list.css";
@import "./assets/css/blog.css";

/*
* HTML font = 18px
*/

:root {
  --color-gold: #c9a482;
  --color-red: #cc1335;
  --color-grey: #797979;
  --color-light-grey: #aeaeae;
  --color-medium-grey: #f1f1f1;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-ghost-toast: #ededed;
  --font-crimson: "Crimson Text", serif;
  --font-great-vibes: "Great Vibes", serif;
  --font-lateef: "Lateef", serif;
  --font-cabin: "Cabin", sans-serif;
  --font-anton: "Anton", Impact, sans-serif;
  --font-black-han: "Black Han Sans", sans-serif;
  --font-post-no-bills-colombo: "Post No Bills Colombo", sans-serif;
  --font-dm-serif-display: "DM Serif Display", serif;
  --font-allura: "Allura", serif;
  --font-birthstone-bounce: "Birthstone Bounce", cursive;
  --text-xs: 0.666rem; /* 12px */
  --text-sm: 0.778rem; /* 14px */
  --text-medium: 0.888rem; /* 16px */
  --text-base: 1rem; /* 18px */
  --text-xbase: 1.111rem; /* 20px */
  --text-large: 1.333rem; /* 24px */
  --text-26: 1.444444rem; /* 24px */
  --text-larger: 1.55rem; /* 28px */
  --text-xl: 1.777rem; /* 32px */
  --text-3xl: 2rem; /* 36px */
  --text-4xl: 2.333rem; /* 42px */
  --text-5xl: 2.666rem; /* 48px */
}

html {
  font-size: 18px;
}