/**
 * Hadi Admin — design tokens & fonts.
 * One accent, warm neutrals, no gradients, no glassmorphism.
 * Every color lives here so a future dark mode is one block of overrides.
 */

@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/plex-arabic-400-arabic.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/plex-arabic-400-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/plex-arabic-500-arabic.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/plex-arabic-500-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/plex-arabic-600-arabic.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
	font-family: "IBM Plex Sans Arabic";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/plex-arabic-600-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

:root {
	--hadi-font: "IBM Plex Sans Arabic", -apple-system, "Segoe UI", system-ui, Tahoma, sans-serif;

	--hadi-bg: #faf9f7;
	--hadi-surface: #ffffff;
	--hadi-sidebar-bg: #f4f2ee;

	--hadi-ink: #1f1d1a;
	--hadi-ink-2: #6b6560;
	--hadi-ink-3: #a09a93;

	--hadi-border: #e6e2dc;
	--hadi-border-strong: #d5d0c8;

	--hadi-accent: #1e4b6b;
	--hadi-accent-hover: #163a54;
	--hadi-accent-soft: #edf2f5;

	--hadi-danger: #a63d2f;
	--hadi-success: #2f6b4f;
	--hadi-warn: #8a6d1f;

	--hadi-radius: 6px;
	--hadi-radius-lg: 10px;

	/* User-configurable width rides on a separate variable so responsive
	   overrides (icon rail) can still win over the inline style. */
	--hadi-sidebar-w: var(--hadi-sidebar-w-user, 160px);
	--hadi-topbar-h: 48px;

	/* Core & Gutenberg consume this variable for layout offsets — redefining
	   it propagates our taller top bar everywhere for free. */
	--wp-admin--admin-bar--height: 48px;
}