/************************************/
/*** 	 01. Global Variables	  ***/
/************************************/

:root {
	/* ── Semantic colours (used site-wide) ── */
	--primary-color: #3D0066;
	--secondary-color: #F2F2F5;
	--tertiary-color: #39FF14;
	--text-color: #707070;
	--accent-color: #6A2F92;
	--accent-secondary-color: #985AC0;
	--white-color: #FFFFFF;
	--divider-color: #F5F5F5;
	--dark-divider-color: #FFFFFF33;
	--error-color: rgb(230, 87, 87);
	--default-font: "Plus Jakarta Sans", sans-serif;
	--black-color: #000000;

	/* ── Purple scale ── */
	--p950: #3D0066;
	--p900: #3D0066;
	--p800: #3D0066;
	--p700: #5b1a9e;
	--p600: #7c3aed;
	--p500: #9061f9;
	--p400: #b48bfa;
	--p300: #c4b5fd;
	--p200: #e9d5ff;
	--p100: #f3ecff;
	--p50: #faf7ff;

	/* ── Green / WhatsApp accent ── */
	--g500: #39FF14;
	--g400: #39FF14;
	--wa: #39FF14;

	/* ── Slate scale ── */
	--s900: #0f172a;
	--s800: #1e293b;
	--s700: #334155;
	--s600: #475569;
	--s500: #64748b;
	--s400: #94a3b8;
	--s300: #cbd5e1;
	--s200: #e2e8f0;
	--s100: #f1f5f9;
	--s50: #f8fafc;

	/* ── White alias ── */
	--white: #FFFFFF;
}