/**
 * Al-Ansar Redesign — Design Tokens
 *
 * مصدر القيم: html/index.html (:root) — متطابقة مع الـ mockup.
 * Brand ramps (Emerald / Golden Dust / Iron / White) كما في الهوية + درجة mockup الإضافية #0B4A24.
 *
 * @since Redesign 1.0
 */

@font-face{
	font-family:'Al Madinah';
	src: url('../../fonts/al-madinah/AlMadinah-300.woff2') format('woff2');
	font-weight:300;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:'Al Madinah';
	src: url('../../fonts/al-madinah/AlMadinah-400.woff2') format('woff2');
	font-weight:400;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:'Al Madinah';
	src: url('../../fonts/al-madinah/AlMadinah-700.woff2') format('woff2');
	font-weight:700;
	font-style:normal;
	font-display:swap;
}
/* Map heavier UI weights to the available 700 file */
@font-face{
	font-family:'Al Madinah';
	src: url('../../fonts/al-madinah/AlMadinah-700.woff2') format('woff2');
	font-weight:800;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:'Al Madinah';
	src: url('../../fonts/al-madinah/AlMadinah-700.woff2') format('woff2');
	font-weight:900;
	font-style:normal;
	font-display:swap;
}

:root{
	/* ===== Emerald Green (+ mockup mid #0B4A24) ===== */
	--ar-emerald-900:#002F13;
	--ar-emerald-800:#054B21;
	--ar-emerald-700:#0B4A24;
	--ar-emerald-600:#186939;
	--ar-emerald-500:#348655;

	/* ===== Golden Dust ===== */
	--ar-gold-700:#88734C;
	--ar-gold-500:#AB9671;
	--ar-gold-300:#CBBA9C;
	--ar-gold-100:#F1E5D0;

	/* ===== Iron Gray ===== */
	--ar-iron-900:#262729;
	--ar-iron-700:#48494B;
	--ar-iron-500:#656769;
	--ar-iron-300:#85878A;
	--ar-iron-100:#CECECE;

	/* ===== Pure White (+ mockup paper-warm) ===== */
	--ar-paper:#FFFFFF;
	--ar-paper-warm:#FBF9F6;
	--ar-white-100:#E8E8E8;
	--ar-white-200:#CECECE;
	--ar-white-300:#A2A0A0;

	--ar-line: rgba(38,39,41,.09);

	--ar-radius: 22px;
	--ar-radius-sm: 14px;
	--ar-container: 1440px;
	--ar-content: 1280px;
	--ar-pad-desktop: 80px;
	--ar-pad-tablet: 40px;
	--ar-pad-mobile: 24px;
	--ar-pad: var(--ar-pad-desktop);

	--ar-shadow-soft: 0 20px 60px -30px rgba(0,25,10,.18);
	--ar-shadow-card: 0 12px 40px -20px rgba(0,25,10,.14);

	--ar-ease: cubic-bezier(.16,.84,.44,1);

	/* المدينة للعناوين فقط — Tajawal لباقي المحتوى */
	--ar-font-heading:'Al Madinah','Tajawal',sans-serif;
	--ar-font-body:'Tajawal','Almarai',sans-serif;
}

@media (max-width:1024px){ :root{ --ar-pad: var(--ar-pad-tablet);} }
@media (max-width:640px){ :root{ --ar-pad: var(--ar-pad-mobile);} }

/* Site-wide type — body Tajawal, headings المدينة */
html,
body{
	font-family:var(--ar-font-body);
}
h1, h2, h3, h4, h5, h6,
.ar-title,
.section-head h2{
	font-family:var(--ar-font-heading);
	font-weight:800;
}
button,
input,
select,
textarea{
	font-family:inherit;
}

/* ===== Shared layout/utility classes ===== */
.ar-wrap{ max-width:var(--ar-content); margin:0 auto; padding-inline:var(--ar-pad); }
.ar-wrap-wide{ max-width:var(--ar-container); margin:0 auto; padding-inline:var(--ar-pad); }

.ar-btn{
	display:inline-flex; align-items:center; gap:10px;
	font-family:var(--ar-font-body);
	font-weight:700; font-size:15px; padding:16px 30px; border-radius:100px;
	border:none; outline:none; box-shadow:none; cursor:pointer;
	-webkit-appearance:none; appearance:none;
	transition:transform .35s var(--ar-ease), box-shadow .35s var(--ar-ease), background .35s var(--ar-ease), color .35s var(--ar-ease);
	white-space:nowrap;
}
.ar-btn svg{ width:16px; height:16px; transition:transform .35s var(--ar-ease); }
.ar-btn-primary{ background:var(--ar-emerald-600); color:#fff; border:none; box-shadow:var(--ar-shadow-card); }
.ar-btn-primary:hover{ background:var(--ar-emerald-700); transform:translateY(-2px); }
.ar-btn-primary:hover svg{ transform:translateX(-4px); }
.ar-btn-ghost{ border:1.5px solid rgba(255,255,255,.55); color:#fff; }
.ar-btn-ghost:hover{ background:rgba(255,255,255,.12); border-color:#fff; }
.ar-btn-outline{ border:1.5px solid var(--ar-emerald-600); color:var(--ar-emerald-700); }
.ar-btn-outline:hover{ background:var(--ar-emerald-600); color:#fff; }

/* Redesign: إخفاء شريط beta-banner القديم مؤقتًا (قرار المستخدم) */
.beta-banner{ display:none !important; }