/* رموز التصميم */
:root {
  --bg: #070D1C;
  --surface-2: #101A31;
  --panel: #14213D;
  --panel-hi: #1B2B4D;
  --gold: #E8BF62;
  --gold-hi: #FFE7A6;
  --gold-lo: #B98A2E;
  --text: #F8FAFF;
  --text-2: #A7B3CA;
  --ok: #2E9E6F;
  --ok-bg: #0F3A2E;
  --bad: #B3293A;
  --bad-bg: #3B1520;
  --info: #7FA8DD;
  --line: rgba(232, 191, 98, .28);
  --line-soft: rgba(167, 179, 202, .18);

  --font-display: 'MMDisplay', 'Amiri', 'Sakkal Majalla', 'Traditional Arabic', 'Noto Naskh Arabic', serif;
  --font-text: 'MMText', 'Noto Naskh Arabic', 'Segoe UI', 'Tahoma', 'Geeza Pro', sans-serif;

  --ease: cubic-bezier(.22, .8, .24, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
  --t-fast: .18s;
  --t-med: .35s;
  --t-slow: .7s;

  --gutter: clamp(16px, 3vw, 40px);
  --cut: 20px;
}

@font-face {
  font-family: 'MMDisplay';
  src: local('Amiri');
  font-display: swap;
}
@font-face {
  font-family: 'MMText';
  src: local('Noto Naskh Arabic'), local('Noto Sans Arabic');
  font-display: swap;
}