/*---------------------------------------------------------------------------------

 Theme Name:   Masai Divi Starter
 Theme URI:    https://masaiinteractive.com/
 Description:  
 Author:       Masai Interactive
 Author URI:   https://masaiinteractive.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

:root {
  /*
    Masai font size scale using clamp(min, fluid, max)
    Approximate output at common screen widths:
    - Mobile (375px): near min
    - Tablet (768–1024px): fluid midpoint
    - Desktop (1440px+): near max
  */

  --masai-font-size-xs:    clamp(0.75rem,  0.7vw + 0.3rem,   0.875rem);   /* ~12–14px */
  --masai-font-size-sm:    clamp(0.875rem,  0.8vw + 0.4rem,   1rem);      /* ~14–16px */
  --masai-font-size-md:    clamp(1rem,      0.9vw + 0.5rem,   1.125rem);  /* ~16–18px */
  --masai-font-size-base:  clamp(1rem,      0.9vw + 0.5rem,   1.125rem);  /* ~16–18px */
  --masai-font-size-lg:    clamp(1.125rem,  1.0vw + 0.5rem,   1.25rem);   /* ~18–20px */
  --masai-font-size-xl:    clamp(2rem,      2.0vw + 1rem,     2.625rem);  /* ~42px */
  --masai-font-size-2xl:   clamp(2.5rem,    3.0vw + 1rem,     3.5rem);    /* ~56px */
  --masai-font-size-3xl:   clamp(3.5rem,    4.0vw + 1rem,     4.6875rem); /* ~75px  */
}

/* Typography utility classes using --masai- font-size scale */

.text-xs   { font-size: var(--masai-font-size-xs); }     /* ~11–12px */
.text-sm   { font-size: var(--masai-font-size-sm); }     /* ~13–14px */
.text-base { font-size: var(--masai-font-size-base); }   /* 16px */
.text-md   { font-size: var(--masai-font-size-md); }     /* 18px */
.text-lg   { font-size: var(--masai-font-size-lg); }     /* 20px */
.text-xl   { font-size: var(--masai-font-size-xl); }     /* 24px */
.text-2xl  { font-size: var(--masai-font-size-2xl); }    /* 32px */
.text-3xl  { font-size: var(--masai-font-size-3xl); }    /* 48px */
	
	
/* 	Masai Colors */
.masai-gradient-bg {
	background: linear-gradient(to right, #2f87af 0%, #373569 50%, #514e9a 100%)!important;
}