@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;800&family=Amiri:ital,wght@0,400;0,700;1,400&display=swap');

/* Default to Amiri for Arabic (RTL) */
html[dir="rtl"] body {
    font-family: "Amiri", serif;
}
/* Use a sans-serif or english-friendly serif for English (LTR) */
html[dir="ltr"] body {
    font-family: 'Inter', sans-serif; /* fallback or specify if needed */
}

/* Base styles from the design */
body {
    background-color: #111111;
    color: #FDFBF7;
}

/* Titles - cinzel works for english, but let's ensure it looks good or fallback to Amiri for arab */
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6, html[dir="rtl"] .font-display {
    font-family: "Cinzel", "Amiri", serif;
}
html[dir="ltr"] h1, html[dir="ltr"] h2, html[dir="ltr"] h3, html[dir="ltr"] h4, html[dir="ltr"] h5, html[dir="ltr"] h6, html[dir="ltr"] .font-display {
    font-family: "Cinzel", serif;
}

.gold-border {
    border: 1px solid #D4AF37;
}
.text-gold-gradient {
    background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}