@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css');

/* ══════════════════════════════════════════════════════════════
   العرض المشترك — سِكَك · حياة · موج (خط Tajawal، طابع فاتح)
   لكل شريك لون تمييز: سِكَك أزرق، حياة كهرماني، موج بنفسجي.
   ══════════════════════════════════════════════════════════════ */
:root{
  --brand-1:#3569b1; --brand-1b:#2e87c5;
  --brand-2:#209244; --brand-2b:#0a6e3a;
  --brand-3:#6a3994; --brand-3b:#7d5ba1;
  --brand-4:#ef4436; --brand-4b:#f37031;

  --hayat:#f5b41c; --hayat-b:#ffc639; --hayat-deep:#d99500; --hayat-ink:#8a5c00;

  --bg-light:#f5f7fa;
  --ink:#1d2a44; --ink-soft:#3c4457; --ink-muted:#6f7789; --footer-muted:#9aa0ab;
  --chip-light-bg:#e6eaf1;

  --tint-blue:linear-gradient(135deg,#eaf2fb,#dce9f8);
  --tint-amber:linear-gradient(135deg,#fff8e6,#ffedc2);
  --tint-purple:linear-gradient(135deg,#f3edfa,#e7ddf4);
  --tint-ink:linear-gradient(135deg,#eef1f6,#e2e7ef);

  --grad-blue:linear-gradient(135deg,#3569b1,#2e87c5);
  --grad-amber:linear-gradient(135deg,#ffc639,#f5a800);
  --grad-purple:linear-gradient(135deg,#6a3994,#8a5bb8);
}
*{box-sizing:border-box;}
body{margin:0;padding:0;overflow:hidden;font-family:'Tajawal',sans-serif;-webkit-font-smoothing:antialiased;}
.brandbar{background:linear-gradient(90deg,var(--brand-1),var(--brand-1b),var(--hayat),var(--brand-3),var(--brand-4b));}
.card{background:#fff;border-radius:20px;box-shadow:0 10px 26px rgba(54,54,57,.09);}
.card-float{background:#fff;border-radius:24px;box-shadow:0 18px 40px rgba(29,42,68,.12);}