/* =================================================================== */
/* ==                 1. ARABIC TEXT STYLING                        == */
/* =================================================================== */

/* Base style for Arabic text */
.arabic-text {
    font-family: 'Amiri', 'Traditional Arabic', 'Al Bayan', serif;
    direction: rtl;
    unicode-bidi: embed;
    font-size: 1.5rem;
    line-height: 1.8;
    color: #059669; /* Teal color for emphasis */
    text-shadow: 0 2px 4px rgba(5, 150, 105, 0.1);
}

/* Style for important Arabic terms or phrases */
.arabic-emphasis {
    font-weight: 700;
    color: #dc2626; /* Red color for strong emphasis */
    text-shadow: 0 2px 4px rgba(220, 38, 38, 0.2);
}

/* Specific diacritic style for quiz options */
.quiz-diacritic {
    font-family: 'Amiri', serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #0d9488;
}


/* =================================================================== */
/* ==                 2. GENERAL FONT STYLING                       == */
/* =================================================================== */

/* Font size utilities */
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-5xl { font-size: 3rem; line-height: 1; }
.text-6xl { font-size: 3.75rem; line-height: 1; }
.text-7xl { font-size: 4.5rem; line-height: 1; }
.text-8xl { font-size: 6rem; line-height: 1; }


/* Font weight utilities */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }

/* Text alignment and decoration */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.italic { font-style: italic; }
.no-underline { text-decoration: none; }

/* Line height utilities */
.leading-tight { line-height: 1.25; }
.leading-relaxed { line-height: 1.625; }
.leading-normal { line-height: 1.5; }

/* Text color utilities (Light Mode) */
.text-white { color: #ffffff; }
.text-black { color: #000000; }
.text-gray-900 { color: #111827; }
.text-gray-800 { color: #1f2937; }
.text-gray-700 { color: #374151; }
.text-gray-600 { color: #4b5563; }
.text-gray-500 { color: #6b7280; }
.text-teal-600 { color: #0d9488; }
.text-teal-700 { color: #0f766e; }
.text-blue-600 { color: #2563eb; }
.text-purple-600 { color: #9333ea; }
.text-pink-600 { color: #db2777; }
.text-orange-500 { color: #f97316; }

/* Gradient text utilities */
.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}
.text-transparent {
    color: transparent;
}