/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

body,button,input,select,textarea{
  font-family:'Cairo',sans-serif !important;
}

/* ======================
   Jeføe Brand Colors
====================== */
:root{
  --main:#FF7BBF;      /* وردي اللوجو – الهيدر */
  --second:#B86AD9;    /* موف ناعم – Hover */
  --btn:#E84D9B;       /* وردي غامق – أزرار */
  --accent:#8E4EC6;    /* موف أغمق – لمسات */
  --bg:#FFF1F6;        /* خلفية وردي فاتح */
  --text:#2B2B2B;      /* نص أساسي */
}

/* Force Background */
html,body,.app,.wrapper,.container,.content,.main,.page,.layout{
  background:var(--bg) !important;
  color:var(--text);
}

/* Header */
header, .site-header, .top-bar{
  background:linear-gradient(135deg,var(--main),var(--second)) !important;
  color:#fff !important;
}

/* Nav */
nav a, .main-nav a, .menu a{
  background:#fff !important;
  color:var(--text) !important;
  margin:4px;
  padding:10px 16px;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(232,77,155,.25);
  transition:.3s ease;
}

nav a:hover{
  background:linear-gradient(135deg,var(--main),var(--second)) !important;
  color:#fff !important;
}

/* Buttons */
button, .btn{
  background:linear-gradient(135deg,var(--btn),var(--accent)) !important;
  color:#fff !important;
  border-radius:16px;
  padding:10px 20px;
  box-shadow:0 8px 20px rgba(184,106,217,.35);
  transition:.3s;
}

button:hover, .btn:hover{
  opacity:.95;
  transform:translateY(-2px);
}