/*
Theme Name: Dr. Ajamy Premium Theme
Theme URI: https://github.com/alagamy/dr-ajamy-premium-theme
Author: Alagamy
Author URI: https://github.com/alagamy
Description: A premium, ultra-modern, and high-performance custom WordPress theme designed for Dr. Mohamed Abdelkareem Al-Ajamy, Consultant of Obstetrics, Gynecology, and IVF. Featuring RTL support, medical aesthetics, and responsive layout.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.4
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: dr-ajamy-premium-theme
Tags: custom-menu, featured-images, translation-ready, block-styles, wide-blocks, translation-ready, rtl-language-support, medical
*/

/* ==========================================================================
   Base Theme Variables & Reset
   ========================================================================== */

:root {
    /* Color Palette */
    --navy: #102765;
    --lavender: #7B63B8;
    --sky: #8EC6DF;
    --beige: #EFE6D6;
    --white: #FFFFFF;
    
    /* Semantic Colors */
    --background: #FAFAFC;
    --text: #1E293B;      /* Slate 800 */
    --muted: #64748B;     /* Slate 500 */
    --border: rgba(123, 99, 184, 0.15); /* Light Lavender border */
    --success: #10B981;
    --error: #EF4444;

    /* Typography — controlled dynamically by Customizer (see functions.php drajamy_customizer_fonts_output) */
    --font-size-base: 16px;
    --font-weight-body: 400;

    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;

    /* Design Accents */
    --radius: 20px;
    --radius-sm: 10px;
    --radius-lg: 32px;
    --shadow: 0 10px 30px -10px rgba(16, 39, 101, 0.12);
    --shadow-hover: 0 20px 40px -15px rgba(16, 39, 101, 0.2);
    --shadow-soft: 0 4px 20px -2px rgba(123, 99, 184, 0.08);
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: var(--font-size-base, 16px);
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--font-body);
    font-size: var(--font-size-base, 16px);
    font-weight: var(--font-weight-body, 400);
    background-color: var(--background);
    color: var(--text);
    line-height: 1.7;
    overflow-x: hidden;
    direction: rtl; /* Set default RTL for Arabic */
    text-align: right;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--background);
}
::-webkit-scrollbar-thumb {
    background: var(--lavender);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--navy);
}