/* Hind */
@font-face {
  font-family: 'Hind';
  src: url('../fonts/Hind-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Rajdhani */
@font-face {
  font-family: 'Rajdhani';
  src: url('../fonts/Rajdhani-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* Philosopher */
@font-face {
  font-family: 'Philosopher';
  src: url('../fonts/Philosopher-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

:root {
  /* Colors */
  --primary: #ffb900;
  --gradient-1: linear-gradient(90deg, #FE9A00 0%, #E17100 100%);
  --gradient-2: linear-gradient(90deg, #5B5435 0%, #2C1838 100%);
  --secondary: #431f1f;
  --border-regular: #323232;
  --border-hover: #89660a;
  --card-regular: #141216;
  --card-hover: #1c1720;
  --whites-color:#ffffff;
  --whites-dark: #99a1af;
  --whites-light: #e5e7eb;
  --blacks-light: #141414;
  --blacks-dark: #0a0a0a;
  --gray-light: #1e1e1e;
  --gray-dark: #060606;
  --links: #fd9cb2;
  --Blacks---Dark: #0A0A0A;
  --social-icons-bg-color:#2C2C2C;

  /* Fonts */
 
  --logo--font-size: clamp(32px,2.5vw, 42px);
  --logo--font-style: normal;
  --logo--font-weight: 400;
  --logo--line-height: 120%;
  --font-primary: 'Hind', sans-serif;
  --font-secondary: 'Rajdhani', sans-serif;
  --logo-heading: 'Philosopher', serif;

   /* Headings */
  --h1-font-size: clamp(42px, 6vw, 110px);
  --h2-font-size: clamp(32px, 5vw, 80px);
  --h3-font-size: clamp(26px, 3.1vw, 48px);
  --h4-font-size: clamp(22px, 2.2vw, 36px);
  --h5-font-size: clamp(20px, 1.9vw, 28px);
  --h6-font-size: clamp(18px, 1.6vw, 24px);

  /* Small Headings */
  --small-heading-font-size: clamp(18px, 1.5vw, 22px);
  --small-heading-18-font-size: clamp(16px, 1.3vw, 18px);
  --small-heading-caps-font-size: clamp(16px, 1.8vw, 20px);

  /* Paragraphs */
  --p-extra-large-font-size: clamp(18px, 1.5vw, 23px);
  --p-large-font-size: clamp(16px, 1.3vw, 20px);
  --p-regular-font-size: clamp(14px, 1.2vw, 18px);

  /* UI Text */
  --button-font-size: clamp(14px, 1.1vw, 16px);
  --nav-font-size: clamp(14px, 1.1vw, 16px);
 


  --h1-line-height: 100%;
  --heading-font-weight: 500;
  --h1-font-style: normal;

  --h2-line-height: 120%;
  --h2-font-weight: 400;
  --h2-font-style: normal;
 

  --h3-line-height: 120%;
  --h3-font-weight: 500;
  --h3-font-style: normal;
 

  --h4-line-height: 150%;
  --h4-font-weight: 400;
  --h4-font-style: normal;
  

  --h5-line-height: 120%;
  --h5-font-weight: 400;
  --h5-font-style: normal;


  --h6-line-height: 120%;
  --h6-font-weight: 400;
  --h6-font-style: normal;


  --small-heading-line-height: 120%;
  --small-heading-font-weight: 500;
  --small-heading-font-style: normal;
  

  --small-heading-18-line-height: 120%;
  --small-heading-18-font-weight: 400;
  --small-heading-18-font-style: normal;
 
  
  --small-heading-caps-line-height: 120%;
  --small-heading-caps-font-weight: 400;
  --small-heading-caps-font-style: normal;
 

  --p-extra-large-line-height: 120%;
  --p-extra-large-font-weight: 300;
  --p-extra-large-font-style: normal;
 

  --p-large-line-height: 120%;
  --p-large-font-weight: 400;
  --p-large-font-style: normal;
  

  --p-regular-line-height: 1.5em;
  --p-regular-font-weight: 400;
  --p-regular-font-style: normal;
 

  --button-line-height: 120%;
  --button-font-weight: 400;
  --button-font-style: normal;

  --nav-line-height: 120%;
  --nav-font-weight: 400;
  --nav-font-style: normal;
  
  --samll-text:clamp(14px, 1.1vw, 16px);
  --small-text-weight: 300;

   --small-text-two:clamp(12px, 1.1vw, 14px);
}