/* ==========================================================================
   Base Styles
   ========================================================================== */

:root {
	--font-primary: "Estedad";
	--ink: #ffffff;
	--panel: #ffffff;
	--panel-2: #f8fafc;
	--line: #e2e8f0;
	--line-soft: #edf2f7;
	--text: #0f172a;
	--text-dim: #475569;
	--text-faint: #94a3b8;
	--charcoal: #1e293b;
	--coral: #e78652;
	--coral-bright: #efa074;
	--coral-dim: #bd5f2e;
	--primary: #e78652;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-family: var(--font-primary);
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: normal;
}

body {
	background: var(--ink);
	color: var(--text);
	font-family: var(--font-primary);
	line-height: 1.75;
	direction: rtl;
	overflow-x: clip;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body * {
	font-family: var(--font-primary) !important;
}

img {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.btn:hover,
button:hover,
a.btn:hover,
[role="button"]:hover {
	/* transform: none !important; */
}