:root {
  

  --bg:      #EDF1F5;
  --surface: #FFFFFF;
  --s2:      #E2E7EC;
  --border:  rgba(15, 23, 42, 0.08);
  --red:     #1E3A8A;
  --yellow:  #FFD60A;
  --blue:    #2563EB;
  --green:   #047857;
  --text:    #0F172A;
  --muted:   #475569;
  --overlay: linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.0) 50%);
 


  
  --shadow-color:       rgba(15, 23, 42, 0.10);
  --backdrop-bg:        rgba(15, 23, 42, 0.35);
  --modal-bg:           #FFFFFF;
  --drawer-bg:          #FFFFFF;
  --glass-bg:           rgba(255,255,255,0.78);
  --glass-border:       rgba(15, 23, 42, 0.08);
  --glass-hover:        rgba(255,255,255,0.95);
  --input-bg:           rgba(15, 23, 42, 0.04);
  --input-border:       rgba(15, 23, 42, 0.10);
  --separator:          rgba(15, 23, 42, 0.06);
  --skeleton-shine:     rgba(15, 23, 42, 0.04);
  --skeleton-line:      rgba(15, 23, 42, 0.06);
  --skeleton-highlight: rgba(15, 23, 42, 0.08);
  --nav-solid-bg:       rgba(255,255,255,0.96);
  --mobile-nav-bg:      rgba(255,255,255,0.95);
  --tabs-bg:            rgba(255,255,255,0.92);
  --toast-bg:           rgba(15, 23, 42, 0.92);
  --toast-border:       rgba(255,255,255,0.15);
  --spinner-track:      rgba(15, 23, 42, 0.10);
  --chip-bg:            rgba(15, 23, 42, 0.04);
  --chip-hover:         rgba(15, 23, 42, 0.08);
  --btn-follow-bg:      rgba(37, 34, 34, 0.9);
  --btn-follow-hover:   rgba(255,255,255,0.12);  
  --btn-ghost-bg:       rgba(15, 23, 42, 0.04);
  --btn-ghost-hover:    rgba(15, 23, 42, 0.10);
  --btn-pay:			rgb(30, 58, 138);
  --btn-pay-hover:		rgb(37, 99, 235);
  --text-on-image:      rgba(255,255,255,0.92);
  --text-shadow-dark:   rgba(0,0,0,0.5);
  --text-shadow-light:  rgba(0,0,0,0.7);
  --cover-grad-start:   rgba(237,241,245,0.0);
  --cover-grad-end:     rgba(237,241,245,1);
  --map-grid:           rgba(15, 23, 42, 0.12);
  --social-tiktok-bg:           rgba(15, 23, 42, 0.04);
  --social-tiktok-border:       rgba(15, 23, 42, 0.08);
  --social-tiktok-hover-bg:     rgba(15, 23, 42, 0.08);
  --social-tiktok-hover-border:rgba(15, 23, 42, 0.14);
  --social-x-bg:                rgba(15, 23, 42, 0.04);
  --social-x-border:            rgba(15, 23, 42, 0.08);
  --social-x-hover-bg:          rgba(15, 23, 42, 0.08);
  --social-x-hover-border:      rgba(15, 23, 42, 0.14);
  --instagram-color:	#C32AA3;
  --facebook-color:		#1056E3;
  --tiktok-color:		#000000;
  --pinterest-color:	#E60023;
  --youtube-color:		#FF0000;
  --linkedin-color:		#0A66C2;
  --twitter-color:		#000000;
  --x-color:			#000000;
  --kwai-color:			#FF0050;
  --accent-10:  rgba(30,58,138,0.10);
  --accent-12:  rgba(30,58,138,0.12);
  --accent-15:  rgba(30,58,138,0.15);
  --accent-20:  rgba(30,58,138,0.20);
  --accent-30:  rgba(30,58,138,0.30);
  --accent-50:  rgba(30,58,138,0.50);
  --shadow-primary-sm:  rgba(30,58,138,0.30);
  --shadow-primary-md:  rgba(30,58,138,0.35);
  --shadow-primary-lg:  rgba(30,58,138,0.40);
  --shadow-primary-xl:  rgba(30,58,138,0.50);
  --color-scheme:       light;

  
  
  --danger:   #ff453a;
  --whatsapp: #25D366;

  
  --feed-w:  390px;

  
  --r:       16px;

  
  --max:     980px;
}