/* Libyan visual identity — colors, ornaments, Ramadan theme. */

:root {
  --libyan-gold: #C9A961;
  --phoenician-red: #8B2635;
  --mediterranean: #1B4965;
  --sand: #E8DCC4;
  --olive-libya: #6B7F50;
  --terracotta: #C65D32;
  --midnight: #1A1A2E;
  --ivory: #FFF8E7;
  --felt-green: #1F4D3A;
  --hayya-glow: #FFD700;
}

/* Libyan-Berber geometric border (used on important containers) */
.libyan-border {
  position: relative;
  padding: 16px;
  border: 1px solid rgba(201, 169, 97, 0.3);
  border-radius: 14px;
}
.libyan-border::before,
.libyan-border::after {
  content: '◆◇◆';
  position: absolute;
  color: var(--libyan-gold);
  font-size: 10px;
  letter-spacing: 4px;
}
.libyan-border::before { top: -7px; left: 50%; transform: translateX(-50%); background: var(--midnight); padding: 0 8px; }
.libyan-border::after  { bottom: -7px; left: 50%; transform: translateX(-50%); background: var(--midnight); padding: 0 8px; }

/* Ramadan theme overrides — toggled by `body.ramadan` */
body.ramadan {
  background-image:
    radial-gradient(ellipse at top, rgba(255, 215, 0, 0.10), transparent 60%),
    radial-gradient(ellipse at bottom, rgba(198, 93, 50, 0.08), transparent 70%);
}
body.ramadan h1,
body.ramadan h2,
body.ramadan h3 {
  text-shadow: 0 0 15px rgba(255, 215, 0, 0.3);
}
body.ramadan::after {
  content: '🌙';
  position: fixed;
  top: 50px;
  right: 50px;
  font-size: 60px;
  opacity: 0.4;
  z-index: -1;
  pointer-events: none;
  animation: ramadanMoon 8s ease-in-out infinite;
}
@keyframes ramadanMoon {
  0%, 100% { transform: rotate(-5deg) translateY(0); }
  50%      { transform: rotate(5deg) translateY(-10px); }
}