/* FIRSTCODE 1.12.0 — Awwal Hatif brand identity (النطاق التشغيلي من APP_URL)
 * Single visual source of truth for the platform rebrand.
 * Artwork-derived palette: deep green + metallic gold.
 */
:root{
  --brand-green:#054515;
  --brand-green-dark:#022A0D;
  --brand-green-mid:#0B6B2C;
  --brand-green-soft:#EAF4ED;
  --brand-gold:#CB982D;
  --brand-gold-strong:#E2B64A;
  --brand-gold-dark:#9B6D14;
  --brand-gold-soft:#FFF7E2;
  --primary:var(--brand-green);
  --primary-dark:var(--brand-green-dark);
  --primary-mid:var(--brand-green-mid);
  --accent:var(--brand-gold);
  --accent-dark:var(--brand-gold-dark);
  --accent-light:var(--brand-gold-soft);
  --gold:var(--brand-gold-strong);
  --gold-soft:var(--brand-gold-soft);
  --sky:#35734C;
  --sky-light:#EDF6F0;
  --success:#148A4B;
  --info:#2E6F50;
  --bg:#F7FAF7;
  --fc-ring:0 0 0 4px rgba(203,152,45,.16);
  --fc-sidebar:#022A0D;
  --fc-sidebar-2:#054515;
  --shadow:0 3px 14px rgba(5,69,21,.07);
  --shadow-md:0 12px 32px rgba(5,69,21,.10);
  --shadow-lg:0 22px 60px rgba(2,42,13,.17);
}

body{background:radial-gradient(circle at 8% 0%,rgba(203,152,45,.045),transparent 28rem),var(--bg)}
::selection{background:rgba(203,152,45,.24);color:var(--text)}
.btn-primary{background:var(--brand-green);border-color:var(--brand-green);color:#fff}
.btn-primary:hover{background:var(--brand-green-mid);border-color:var(--brand-green-mid);box-shadow:0 8px 20px rgba(5,69,21,.18)}
.btn-accent{background:linear-gradient(135deg,var(--brand-gold-strong),var(--brand-gold));border-color:var(--brand-gold);color:#18341F}
.btn-accent:hover{background:var(--brand-gold);border-color:var(--brand-gold-dark);color:#102B17}
.btn-success{background:var(--success);border-color:var(--success);color:#fff}
.btn-outline{color:var(--brand-green);border-color:color-mix(in srgb,var(--brand-green) 30%,var(--border))}
.btn-outline:hover{background:var(--brand-green);border-color:var(--brand-green);color:#fff}
.sidebar{background:linear-gradient(180deg,var(--brand-green-dark),var(--brand-green) 64%,#073A17)}
.sidebar-brand{border-bottom-color:rgba(226,182,74,.18)}
.sidebar-brand-logo{object-fit:contain;background:rgba(255,255,255,.06);border:1px solid rgba(226,182,74,.18)}
.sidebar-brand-name{color:#fff}.sidebar-brand-sub{color:rgba(226,182,74,.78)}
.nav-item.active,.nav-item:hover{background:rgba(226,182,74,.11);color:#fff}.nav-item.active{box-shadow:inset -3px 0 0 var(--brand-gold-strong)}
.nav-section-label{color:rgba(226,182,74,.62)}
.page-title,.card-title,.client-page-title{color:var(--brand-green)}

.client-summary-card--balance{background:linear-gradient(135deg,var(--brand-green-dark),var(--brand-green))}
.client-summary-icon,.client-section-icon,.client-quick-icon{color:var(--brand-green);background:var(--brand-green-soft)}
.client-quick-icon.is-gold{color:var(--brand-gold-dark);background:var(--brand-gold-soft)}
.auth-brand-logo{background:linear-gradient(145deg,#fff,var(--brand-gold-soft));border:1px solid rgba(203,152,45,.24)}
.auth-brand-logo img{object-fit:contain}
.auth-app-mark{color:var(--brand-gold-dark)}.auth-dot{background:var(--brand-gold)}
.auth-tabs a.active,.auth-tab.active,.link{color:var(--brand-green-mid);border-color:var(--brand-gold)}
body.auth-app-page{background:radial-gradient(circle at 12% 0%,rgba(226,182,74,.13),transparent 24rem),linear-gradient(145deg,#021F0A 0%,#043715 52%,#075322 100%)}
.lp-brand-lockup{width:min(190px,32vw);height:auto!important;filter:none!important;object-fit:contain}
.lp-brand-domain{color:rgba(226,182,74,.88);font-size:.7rem;letter-spacing:.08em;font-weight:700;white-space:nowrap}
.lp-nav{background:rgba(2,42,13,.91)!important;border-bottom-color:rgba(226,182,74,.13)!important}
.lp-nav-register{background:linear-gradient(135deg,var(--brand-gold-strong),var(--brand-gold))!important;color:#15351D!important;box-shadow:0 10px 28px rgba(203,152,45,.24)!important}
.lp-nav-register:hover{background:var(--brand-gold)!important;color:#0D2A15!important}
.hero{background:radial-gradient(circle at 8% 15%,rgba(226,182,74,.16),transparent 26rem),radial-gradient(circle at 88% 82%,rgba(19,116,51,.25),transparent 25rem),linear-gradient(135deg,#021F0A 0%,#043715 48%,#075322 100%)!important}
.hero-badge{background:rgba(226,182,74,.10)!important;border-color:rgba(226,182,74,.28)!important;color:#FFF4D3!important}.hero-badge-dot{background:var(--brand-gold-strong)!important}
.hero-h1 .accent,.mockup-value.green{color:#E9C361!important}
.btn-hero-primary,.mockup-btn{background:linear-gradient(135deg,var(--brand-gold-strong),var(--brand-gold))!important;color:#14331B!important;box-shadow:0 12px 30px rgba(203,152,45,.22)!important}
.btn-hero-primary:hover{background:var(--brand-gold)!important;color:#0E2A15!important}
.trust-bar,.lp-footer{background:var(--brand-green-dark)!important}.trust-item i{color:var(--brand-gold-strong)!important}
.section-label{background:var(--brand-gold-soft)!important;color:var(--brand-gold-dark)!important;border-color:#F1DEAF!important}
.section-h2,.how-card h3,.feat-card h3,.faq-q{color:var(--brand-green)!important}
.how-line{background:linear-gradient(to left,var(--brand-green),var(--brand-gold),var(--brand-green-mid))!important}
.how-num-1{background:var(--brand-green)!important}.how-num-2{background:var(--brand-green-mid)!important}.how-num-3{background:#14773A!important}.how-num-4{background:var(--brand-gold)!important}
.feat-icon-blue,.feat-icon-sky{background:var(--brand-green-soft)!important;color:var(--brand-green-mid)!important}.feat-icon-green{background:#EDF7F0!important;color:#14773A!important}.feat-icon-gold{background:var(--brand-gold-soft)!important;color:var(--brand-gold-dark)!important}
.comm-section{background:#F7FAF7!important}.comm-banner,.cta-section{background:linear-gradient(135deg,var(--brand-green-dark),var(--brand-green))!important}.comm-num{color:var(--brand-gold-strong)!important;text-shadow:0 4px 20px rgba(203,152,45,.26)!important}
.review-stars,.review-avg-stars,.review-avg-num{color:var(--brand-gold)!important}
.certification-card::before{background:linear-gradient(90deg,var(--brand-green),var(--brand-gold))!important}
.lp-footer-brand img{filter:none!important;max-width:230px;height:auto!important}
.mockup-logo img{filter:none!important;object-fit:contain}
@media(max-width:640px){.lp-brand-lockup{width:145px}.lp-brand-domain{display:none}}

/* Semantic states stay semantic while brand accents stay green/gold. */
.badge-success{background:#EAF7EF!important;color:#0D6D38!important}.alert-success{background:#ECFDF3!important;color:#075E35!important;border-color:var(--success)!important}
.badge-info{background:#EDF6F0!important;color:#245D3B!important}.alert-info{background:#EDF6F0!important;color:#245D3B!important;border-color:var(--info)!important}
.sidebar-brand-logo{width:40px!important;height:40px!important;filter:none!important;border-radius:10px;padding:2px}
.sidebar-brand-sub{text-transform:lowercase;letter-spacing:.055em}