/*
Theme Name: DATAQU Imam Syafi'i Lhokseumawe
Theme URI: https://dataqu.sch.id
Author: DATAQU Tech Team
Author URI: https://dataqu.sch.id
Description: Tema WordPress Resmi Dayah Tahfidzul Qur'an (DATAQU) Imam Syafi'i Lhokseumawe (Yayasan Hamalatul Qur'an Imam Syafi'i). Tema modern, responsif, berkecepatan tinggi, dan 100% dinamis dengan arsitektur Zero Hardcoded Content. Dilengkapi Customizer canggih, Native Meta Boxes, Custom Post Types (Asatidz, Fasilitas, Galeri, Pengumuman, Testimoni), Tailwind CSS styling, dan dukungan penuh transliterasi/teks Arab.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dataqu
Tags: custom-background, custom-logo, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, education, islamic-school, tahfidz, modern-ui, responsive
*/

/* ==========================================================================
   Root Variables & Base Typography
   ========================================================================== */
:root {
    --color-primary: #064e3b;
    --color-primary-dark: #022c22;
    --color-primary-light: #059669;
    --color-emerald-500: #10b981;
    --color-emerald-400: #34d399;
    --color-emerald-50: #ecfdf5;
    
    --color-amber-500: #f59e0b;
    --color-amber-400: #fbbf24;
    --color-amber-600: #d97706;
    --color-amber-50: #fffbeb;
    
    --color-teal-600: #0d9488;
    --color-teal-500: #14b8a6;
    
    --color-slate-900: #0f172a;
    --color-slate-950: #03150d;
    --color-slate-800: #1e293b;
    --color-slate-700: #334155;
    --color-slate-600: #475569;
    --color-slate-500: #64748b;
    --color-slate-100: #f1f5f9;
    --color-slate-50: #f8fafc;
    
    --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-arabic: 'Amiri', 'Traditional Arabic', serif;
}

html {
    scroll-behavior: smooth;
    font-family: var(--font-sans);
    color: var(--color-slate-800);
    background-color: var(--color-slate-50);
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    line-height: 1.6;
}

.font-arabic {
    font-family: var(--font-arabic);
}