:root {

  /* Fonts */
  --font-default: 'Plus Jakarta Sans';
  --font-primary: 'Plus Jakarta Sans';
  --font-secondary: 'Plus Jakarta Sans';

  /* =========================================================
     BRAND COLORS ONLY
     Primary  : #242323
     Secondary: #FFA435
  ========================================================== */

  /* Main Colors */
  --color-primary: #242323;
  --color-secondary: #FFA435;

  /* Transparent Variants */
  --color-primary-5: rgba(36, 35, 35, .05);
  --color-primary-10: rgba(36, 35, 35, .10);
  --color-primary-15: rgba(36, 35, 35, .15);
  --color-primary-20: rgba(36, 35, 35, .20);
  --color-primary-30: rgba(36, 35, 35, .30);
  --color-primary-40: rgba(36, 35, 35, .40);
  --color-primary-50: rgba(36, 35, 35, .50);
  --color-primary-60: rgba(36, 35, 35, .60);
  --color-primary-70: rgba(36, 35, 35, .70);
  --color-primary-80: rgba(36, 35, 35, .80);
  --color-primary-90: rgba(36, 35, 35, .90);

  --color-secondary-5: rgba(255, 164, 53, .05);
  --color-secondary-10: rgba(255, 164, 53, .10);
  --color-secondary-15: rgba(255, 164, 53, .15);
  --color-secondary-20: rgba(255, 164, 53, .20);
  --color-secondary-30: rgba(255, 164, 53, .30);
  --color-secondary-40: rgba(255, 164, 53, .40);
  --color-secondary-50: rgba(255, 164, 53, .50);
  --color-secondary-60: rgba(255, 164, 53, .60);
  --color-secondary-70: rgba(255, 164, 53, .70);
  --color-secondary-80: rgba(255, 164, 53, .80);
  --color-secondary-90: rgba(255, 164, 53, .90);

  /* Core Theme */
  --color-default: #242323;

  --color-links: #242323;
  --color-links-hover: #FFA435;

  --color-white: #ffffff;
  --color-black: #000000;

  /*--color-body-bg: #f8f9fc;*/
  
    --color-body-bg: #ffffff;


  /* Gradients */
  --gradient-primary: linear-gradient(
      135deg,
      #242323,
      rgba(36, 35, 35, .85)
  );

  --gradient-secondary: linear-gradient(
      135deg,
      #FFA435,
      rgba(255, 164, 53, .85)
  );

  --gradient-brand: linear-gradient(
      135deg,
      #242323,
      #FFA435
  );

  /* Shadows */
  --shadow-primary-sm: 0 5px 15px rgba(36, 35, 35, .08);
  --shadow-primary: 0 10px 30px rgba(36, 35, 35, .12);
  --shadow-primary-lg: 0 20px 50px rgba(36, 35, 35, .18);

  --shadow-secondary-sm: 0 5px 15px rgba(255, 164, 53, .10);
  --shadow-secondary: 0 10px 30px rgba(255, 164, 53, .16);
  --shadow-secondary-lg: 0 20px 50px rgba(255, 164, 53, .22);

  /* Borders */
  --border-primary: 1px solid rgba(36, 35, 35, .08);
  --border-secondary: 1px solid rgba(255, 164, 53, .12);

  /* Radius */
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
}

/* =========================================================
   BOOTSTRAP OVERRIDES
========================================================= */

:root {

  --bs-primary: #242323;
  --bs-secondary: #FFA435;

  --bs-body-color: #242323;

  /*--bs-body-bg: #f8f9fc;*/
  --bs-body-bg: #ffffff;

  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;

  --bs-font-sans-serif: var(--font-default);
  --bs-body-font-family: var(--font-default);

  --bs-border-radius: 18px;
  --bs-border-radius-sm: 12px;
  --bs-border-radius-lg: 24px;

  --bs-gradient: linear-gradient(
      180deg,
      rgba(255,255,255,.12),
      rgba(255,255,255,0)
  );
}

/* =========================================================
   TEXT COLORS
========================================================= */
.text-primary{
  color: #242323 !important;
}

.text-warning{
  color: #FFA435 !important;
}

.text-secondary{
  color: #FFA435 !important;
}

.text-white{
  color: #ffffff !important;
}

.color-primary{
  color: #242323 !important;
}

.color-secondary{
  color: #FFA435 !important;
}

.color-white{
  color: #ffffff !important;
}

/* =========================================================
   BACKGROUNDS
========================================================= */

.bg-primary{
  background-color: #242323 !important;
}

.bg-secondary{
  background-color: #FFA435 !important;
}

.bg-warning{
  background-color: #FFA435 !important;
}

.bg-primary-soft{
  background-color: rgba(36, 35, 35, .08) !important;
}

.bg-secondary-soft{
  background-color: rgba(255, 164, 53, .08) !important;
}

.bg-gradient-primary{
  background: var(--gradient-primary) !important;
}

.bg-gradient-secondary{
  background: var(--gradient-secondary) !important;
}

.bg-gradient-brand{
  background: var(--gradient-brand) !important;
}

/* =========================================================
   BUTTONS
========================================================= */

.btn-primary{
  background: #242323 !important;
  border-color: #242323 !important;
  box-shadow: var(--shadow-primary-sm);
  color: #ffffff !important;
}

.btn-primary:hover{
  background: rgba(36, 35, 35, .92) !important;
  border-color: rgba(36, 35, 35, .92) !important;
}

.btn-secondary{
  background: #FFA435 !important;
  border-color: #FFA435 !important;
  box-shadow: var(--shadow-secondary-sm);
  color: #242323 !important;
}

.btn-secondary:hover{
  background: rgba(255, 164, 53, .92) !important;
  border-color: rgba(255, 164, 53, .92) !important;
  color: #242323 !important;
}

/* =========================================================
   OUTLINE BUTTONS
========================================================= */

.btn-outline-primary{
  color: #242323 !important;
  border: 1.5px solid #242323 !important;
  background: transparent !important;
  transition: all .3s ease;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active{
  background: #242323 !important;
  border-color: #242323 !important;
  color: #ffffff !important;
  box-shadow: var(--shadow-primary-sm);
}

.btn-outline-secondary{
  color: #FFA435 !important;
  border: 1.5px solid #FFA435 !important;
  background: transparent !important;
  transition: all .3s ease;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active{
  background: #FFA435 !important;
  border-color: #FFA435 !important;
  color: #242323 !important;
  box-shadow: var(--shadow-secondary-sm);
}

/* =========================================================
   LINKS
========================================================= */

a{
  color: #242323;
  transition: .3s ease;
}

a:hover{
  color: #FFA435;
}

/* =========================================================
   CARDS
========================================================= */

.card{
  border: var(--border-primary);
  box-shadow: var(--shadow-primary-sm);
  border-radius: var(--radius-lg);
}

/* =========================================================
   FORMS
========================================================= */

.form-control{
  border-radius: var(--radius-md);
  border: 1px solid rgba(36, 35, 35, .08);
}

.form-control:focus{
  border-color: rgba(255, 164, 53, .45);
  box-shadow: 0 0 0 .2rem rgba(255, 164, 53, .12);
}