/* =============================================
   EN FORÊT Hair Therapy — Design Tokens
============================================= */

:root {
	--primary:      #2d4a32;  /* Forest mid - primary action color */
	--forest:       #1a2e1e;
	--forest-mid:   #2d4a32;
	--forest-light: #7a9e7e;
	--sage:         #7a9e7e;
	--sage-light:   #a8b899;
	--cream:        #faf9f7;
	--cream-dark:   #f0eeeb;
	--gold:         #c9a84c;
	--gold-light:   #dfc263;
	--vip:          #8b3a6b;
	--silver:       #8fa8b8;
	--white:        #ffffff;
	--border:       #e0dcd7;
	--text-dark:    #1a1a1a;
	--text-mid:     #5a5a5a;
	--text-light:   #9a9a9a;
	--text:         var(--text-dark);  /* Fallback/legacy variable */
	--danger:       #b91c1c;
	--success:      #27ae60;
}

[data-theme="dark"] {
	--cream:        #141210;
	--cream-dark:   #1a1714;
	--white:        #252018;
	--border:       rgba(255,255,255,0.12);
	--text-dark:    #e8e4de;
	--text-mid:     #a8a09a;
	--text-light:   #6a6258;
	/* Forest greens shift to lighter, readable values in dark mode */
	--forest:       #5aaa6a;
	--forest-mid:   #3d7d4c;
	--forest-light: #8ec89a;
	--gold:         #dfc263;
	--gold-light:   #e8cf7a;
}