/* =====================================================================
   BeCloud Tourism — Design System (Global Tokens)
   Loaded on every page. Section styles are added incrementally.
   ===================================================================== */
:root{
  --primary-color:#0B3C5D;
  --secondary-color:#0B3C5D; /* كان لبني #2D9CDB — وُحّد على كحلي الهوية */
  --secondary-cyan:#2D9CDB;  /* اللبني الأصلي محفوظ كمرجع فقط، غير مستخدم */
  --accent-color:#F4B400;
  --light-background:#F8FAFC;
  --dark-text:#1F2937;
  --white-color:#FFFFFF;

  --bc-muted:#6B7280;
  --bc-border:#E5E7EB;
  --bc-radius:18px;
  --bc-radius-sm:14px;
  --bc-shadow:0 8px 24px rgba(15,60,93,.08);
  --bc-shadow-hover:0 14px 34px rgba(15,60,93,.14);
  --bc-transition:.25s ease;
  --bc-container:1200px;
  --bc-font:'Cairo','IBM Plex Sans Arabic',system-ui,Segoe UI,Tahoma,sans-serif;
}

/* Scoped helpers — prefixed .bc- to avoid clashing with existing theme CSS */
.bc-section{ padding:64px 0; }
.bc-container{ width:min(var(--bc-container),92vw); margin-inline:auto; }
.bc-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 26px; border-radius:12px; font-weight:800;
  font-family:var(--bc-font); cursor:pointer; border:0;
  text-decoration:none; transition:var(--bc-transition);
  line-height:1.2;
}
.bc-btn--accent{ background:var(--accent-color); color:var(--white-color); }
.bc-btn--accent:hover{ filter:brightness(.95); transform:translateY(-1px); }
.bc-btn--primary{ background:var(--primary-color); color:var(--white-color); }
.bc-btn--secondary{ background:var(--secondary-color); color:var(--white-color); }
.bc-btn--outline-white{ background:transparent; color:var(--white-color); border:2px solid var(--white-color); }
.bc-btn--outline-white:hover{ background:var(--white-color); color:var(--primary-color); }

.bc-section-head{ text-align:center; max-width:640px; margin:0 auto 40px; }
.bc-section-head h2{ color:var(--primary-color); font-size:clamp(1.6rem,3vw,2.2rem); font-weight:900; margin:0 0 10px; }
.bc-section-head p{ color:var(--bc-muted); font-size:1.02rem; margin:0; }

/* Prevent horizontal scroll globally (RTL safe) */
html,body{ overflow-x:hidden; max-width:100%; }
img{ max-width:100%; height:auto; }

@media (max-width:640px){
  .bc-section{ padding:44px 0; }
}