/* =====================================================================
   variables.css
   المتغيرات الأساسية (الألوان، الظلال، الانتقالات) + إعادة الضبط (Reset)
   منصة زِمام الرقمية
   ===================================================================== */

:root {
            --nile-dark: #0f4c46;
            --nile-light: #1b6e64;
            --nile-surface: #e8f0ee;
            --clay: #b9692e;
            --clay-light: #fdf2e9;
            --gold: #d9a441;
            --bg-body: #fdfbf7;
            --bg-card: #ffffff;
            --text-main: #1a2219;
            --text-muted: #5c665a;
            --border: #e3d9be;
            --border-light: #f0ebe0;
            --danger: #9c3b2c;
            --danger-light: #fcefef;
            --success: #2f7a56;
            --success-light: #edf7f2;
            --warning: #b47b00;
            --warning-light: #fef9eb;
            --info: #1e5a7a;
            --info-light: #eaf4fa;
            --radius-lg: 20px;
            --radius-md: 12px;
            --radius-sm: 8px;
            --shadow-card: 0 1px 3px rgba(0,0,0,0.02), 0 8px 24px rgba(15,76,70,0.05);
            --shadow-pop: 0 20px 60px rgba(15,34,30,0.28);
            --transition: 0.2s ease;
            --font-base: clamp(14px, 4vw, 16px);
            --bottom-nav-h: 64px;
        }
* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: "Cairo", sans-serif;
        }
body {
            background: var(--bg-body);
            color: var(--text-main);
            line-height: 1.6;
            font-size: var(--font-base);
            -webkit-tap-highlight-color: transparent;
            -webkit-font-smoothing: antialiased;
            padding-bottom: env(safe-area-inset-bottom);
            overscroll-behavior-y: contain;
        }
h1, h2, h3, h4 {
            font-family: "Tajawal", sans-serif;
            font-weight: 700;
            color: var(--nile-dark);
            line-height: 1.3;
        }
button, input, select, textarea { font-family: "Cairo", sans-serif; }