/*!
 * BALY Service Mosaic — Design System Tokens
 *
 * Fonts (hosted on baly.iq — same files used by the Baly Food plugin) and
 * CSS custom properties. Prefixed --bsm-* to avoid theme collisions.
 * font-display: optional → no FOUT; if the woff2 isn't ready by first
 * paint we use the system stack permanently for that view.
 */

@font-face { font-family: "GraphikArabic"; font-display: optional; font-weight: 400; font-style: normal; src: url("https://baly.iq/wp-content/uploads/redux/custom-fonts/custom/Graphikarabic-regular2/Graphikarabic-regular2.woff2") format("woff2"); }
@font-face { font-family: "GraphikArabic"; font-display: optional; font-weight: 500; font-style: normal; src: url("https://baly.iq/wp-content/uploads/redux/custom-fonts/custom/Graphikarabic-regular2/Graphikarabic-regular2.woff2") format("woff2"); }
@font-face { font-family: "GraphikArabic"; font-display: optional; font-weight: 600; font-style: normal; src: url("https://baly.iq/wp-content/uploads/redux/custom-fonts/custom/Graphikarabic-semibold2/Graphikarabic-semibold2.woff2") format("woff2"); }
@font-face { font-family: "GraphikArabic"; font-display: optional; font-weight: 700; font-style: normal; src: url("https://baly.iq/wp-content/uploads/redux/custom-fonts/custom/Graphikarabic-bold2/Graphikarabic-bold2.woff2") format("woff2"); }
@font-face { font-family: "GraphikArabic"; font-display: swap;     font-weight: 800; font-style: normal; src: url("https://baly.iq/wp-content/uploads/redux/custom-fonts/custom/Graphikarabic-bold2/Graphikarabic-bold2.woff2") format("woff2"); }
@font-face { font-family: "GraphikArabic"; font-display: swap;     font-weight: 900; font-style: normal; src: url("https://baly.iq/wp-content/uploads/redux/custom-fonts/custom/Graphikarabic-black2/Graphikarabic-black2.woff2") format("woff2"); }
@font-face { font-family: "GraphikArabic"; font-display: swap;     font-weight: 950; font-style: normal; src: url("https://baly.iq/wp-content/uploads/redux/custom-fonts/custom/Graphikarabic-black2/Graphikarabic-black2.woff2") format("woff2"); }

:root {
	/* Brand */
	--bsm-brand:           #0043FF;
	--bsm-brand-hover:     #0039E0;
	--bsm-brand-active:    #002FBF;
	--bsm-brand-light:     #B8C9FF;
	--bsm-brand-lighter:   #E6ECFF;
	--bsm-brand-10:        rgba(0, 67, 255, 0.10);
	--bsm-brand-20:        rgba(0, 67, 255, 0.20);

	/* Neutrals */
	--bsm-black:           #0A0A0A;
	--bsm-grey-900:        #1A1A1A;
	--bsm-grey-800:        #2E2E2E;
	--bsm-grey-700:        #4A4A4A;
	--bsm-grey-600:        #666666;
	--bsm-grey-500:        #8A8A8A;
	--bsm-grey-400:        #ADADAD;
	--bsm-grey-300:        #CCCCCC;
	--bsm-grey-200:        #E5E5E5;
	--bsm-grey-100:        #F5F5F7;
	--bsm-grey-50:         #FAFAFA;
	--bsm-white:           #FFFFFF;

	/* Semantic */
	--bsm-success:         #00A845;
	--bsm-warning:         #E08A00;

	/* Radii */
	--bsm-radius-md:       12px;
	--bsm-radius-lg:       16px;
	--bsm-radius-xl:       20px;
	--bsm-radius-2xl:      24px;
	--bsm-radius-pill:     999px;

	/* Type */
	--bsm-font:            "GraphikArabic", "SF Arabic", "Segoe UI", "Tajawal", "Helvetica Neue", "Tahoma", Arial, sans-serif;
}