/* كأس المدينة للذكاء الاصطناعي — هوية بصرية مشتركة */
:root {
  --navy: #0a2a5c;
  --navy-mid: #0d3a7a;
  --navy-deep: #061a3a;
  --cyan: #00ccff;
  --mint: #4de6a6;
  --lime: #d4ff00;
  --teal: #1a9b8e;
  --surface: #f4f8fb;
  --white: #fff;
  --text: #0b1c2e;
  --tm: #4a5d73;
  --tmut: #8a9bb0;
  --success: #22c55e;
  --error: #ef4444;
  --warn: #f59e0b;
  --card-bg: #fff;
  --border: rgba(10, 42, 92, 0.1);
  --radius: 14px;
  --shadow: 0 4px 24px rgba(6, 26, 58, 0.08);
  --shadow-lg: 0 12px 48px rgba(6, 26, 58, 0.16);
  --grad: linear-gradient(135deg, var(--lime), var(--mint) 45%, var(--cyan));
  --grad-soft: linear-gradient(90deg, rgba(212, 255, 0, 0.15), rgba(0, 204, 255, 0.15));

  /* aliases for gradual migration from old tokens */
  --dg: var(--navy);
  --mg: var(--navy-mid);
  --ag: var(--teal);
  --gold: var(--cyan);
  --gl: var(--mint);
  --dark: var(--navy-deep);
  --dark2: #040f24;
  --cream: var(--surface);
  --td: var(--text);
  --gold1: #d4ff00;
  --gold2: #b0b0b0;
  --gold3: #cd7f32;
}

.brand-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.brand-logos img {
  max-height: 72px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35));
}
.brand-logos.compact img {
  max-height: 40px;
}
.brand-logos.header-logos {
  gap: 12px;
  margin: 0;
}
.brand-logos.header-logos img {
  max-height: 36px;
  filter: none;
}
.brand-logos.header-logos img[alt="تحالف مايا"] {
  max-height: 40px;
  border-radius: 4px;
}

.site-credit {
  text-align: center;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.7;
  margin-top: 20px;
  padding: 0 12px;
}
.site-credit strong {
  color: rgba(0, 204, 255, 0.75);
  font-weight: 600;
}
.site-credit.light {
  color: var(--tmut);
}
.site-credit.light strong {
  color: var(--navy);
}