:root {
  /* SPACING & CONTAINERS */
  --padtb: 32px;
  --padlr: 16px;
  --gap: 16px;
  --pad8: 8px;
  --pad16: 16px;
  --pad32: 32px;
  --pad64: 64px;
  --pad96: 96px;
  --pad128: 128px;
  --pad-sec: 16px;
  --gap-sec: 32px;

  /* PARAGRAPH SIZES */
  --para: clamp(1.125rem, -0.229vw + 1.205rem, 0.875rem)
  --p-14: 14px;
  --p-16: 16px;
  --p-18: 18px;

  /* TYPOGRAPHY - HEADINGS */
  --h-1: clamp(4.5rem, -0.917vw + 4.821rem, 3.5rem);
  --h-2: clamp(4rem, -0.917vw + 4.321rem, 3rem);
  --h-3: clamp(3.5rem, -0.459vw + 3.661rem, 3rem);
  --h-4: clamp(3rem, -0.459vw + 3.161rem, 2.5rem);
  --h-5: clamp(2.5rem, -0.459vw + 2.661rem, 2rem);
  --h-6: clamp(2rem, -0.459vw + 2.161rem, 1.5rem);
  --heading-line-h: 1.5em;
  --heading-weight: 700;
  --heading-hero: clamp(2.25rem, 0.231rem + 8.077vw, 7.5rem);

  /* COLORS BRICKS */
  --bricks-color-primary: #CA3F6F;
  --bricks-color-secondary: ;
  --bricks-text-dark: ;
  --bricks-text-light: ;
  --bricks-text-info: ;
  --bricks-text-success: ;
  --bricks-text-warning: ;
  --bricks-text-danger: ;

/* COLORS */
  --primary: #CA3F6F;
  --secondary: #543479;
  --pink: #CA3F6F;
  --purple: #543479;
  --yellow: #E6AC5C;
  --grey: #323331;
  --grey-light: #A0A2A4;
  --black-light: #1E1E1E;
  --white: #FFF;
  --white-darker: #f5f5f5;

  /* UI ELEMENTS */
  --bg-light: #f5f5f5;
  --bg-dark: #1E1E1E;
  --nav-bg-light: #f5f5f5;
  --nav-bg-dark: #1E1E1E;
  --text-light: #f5f5f5;
  --text-dark: #1E1E1E;
  --nav-f-size: 14px;
  --radius100: 100px;
  --transition: all .5s ease-in-out;


}

/* --------------------------CSS------------------------ */
h-1.brxe-heading  {
 font-size: var(--h1);
}
h-2.brxe-heading {
 font-size: var(--h2);
}
h-3.brxe-heading {
 font-size: var(--h3);
}
h-4.brxe-heading{
 font-size: var(--h4);
}
h-5.brxe-heading {
 font-size: var(--h5);
}
h-6.brxe-heading {
 font-size: var(--h6);
}
p{
  font-size: var(--parag);
}

body.brx-body{
  background-color: var(--bg-light);
  font-family: Poppins;
}

#brx-content {
  min-height: 100vh;
}