/* MEDUMOND Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');

:root {
  --radius: 0.625rem;
  --background: #ffffff;
  --foreground: #0f2342;
  --card: #ffffff;
  --card-foreground: #0f2342;
  --popover: #ffffff;
  --popover-foreground: #0f2342;
  --primary: #0f2342;
  --primary-foreground: #ffffff;
  --secondary: #f4f6f9;
  --secondary-foreground: #0f2342;
  --muted: #f4f6f9;
  --muted-foreground: #5b6b82;
  --accent: #e8f1e8;
  --accent-foreground: #0f2342;
  --destructive: #e40014;
  --border: #e2e6ec;
  --input: #e2e6ec;
  --ring: #5fa05f;

  /* Custom Color Tokens */
  --navy: #0f2342;
  --navy-soft: #1a3358;
  --green: #5fa05f;
  --green-soft: #e8f1e8;
  --gold: #d97706;
  --cream: #f4f6f9;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--foreground);
  background-color: var(--background);
  line-height: 1.5;
}

.font-serif {
  font-family: 'Playfair Display', Georgia, serif;
}

/* Line clamp helpers */
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Premium texture background */
.premium-texture {
  background-image: radial-gradient(circle at 1px 1px, rgba(15, 35, 66, 0.025) 1px, transparent 0);
  background-size: 32px 32px;
}

/* Arabic text styling */
.arabic-text {
  font-family: 'Noto Naskh Arabic', 'Amiri', 'Traditional Arabic', serif;
  direction: rtl;
  unicode-bidi: bidi-override;
}

/* Fade up animation */
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-up {
  animation: fade-up 0.6s ease-out both;
}

/* Card lift hover effect */
.card-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-lift:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px -5px rgba(15, 35, 66, 0.1), 0 4px 10px -6px rgba(15, 35, 66, 0.05);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Drawer menu transition */
.mobile-drawer {
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.mobile-drawer.open {
  transform: translateX(0);
}