/* =========================================================
   Enkidu Apps - Main Stylesheet (main.css)
   Typography: RB (Bold, Light, Regular)
   Visual Language: Minimal Corporate & Botanical Accents
========================================================= */

@font-face {
    font-family: 'RB';
    src: url('../assets/fonts/RB Light.ttf') format('truetype'),
         url('./assets/fonts/RB Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RB';
    src: url('../assets/fonts/RB Regular.ttf') format('truetype'),
         url('./assets/fonts/RB Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RB';
    src: url('../assets/fonts/RB Regular.ttf') format('truetype'),
         url('./assets/fonts/RB Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RB';
    src: url('../assets/fonts/RB Regular.ttf') format('truetype'),
         url('./assets/fonts/RB Regular.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RB';
    src: url('../assets/fonts/RB Bold.ttf') format('truetype'),
         url('./assets/fonts/RB Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RB';
    src: url('../assets/fonts/RB Bold.ttf') format('truetype'),
         url('./assets/fonts/RB Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RB';
    src: url('../assets/fonts/RB Bold.ttf') format('truetype'),
         url('./assets/fonts/RB Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-primary: 'RB', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Corporate Slate Colors */
    --color-corp-50: #f8fafc;
    --color-corp-100: #f1f5f9;
    --color-corp-200: #e2e8f0;
    --color-corp-300: #cbd5e1;
    --color-corp-400: #94a3b8;
    --color-corp-600: #475569;
    --color-corp-700: #334155;
    --color-corp-800: #1e293b;
    --color-corp-900: #0f172a;

    /* Botanical / Emerald Accent Colors */
    --color-botanical-50: #f0fdf4;
    --color-botanical-500: #10b981;
    --color-botanical-600: #059669;
    --color-botanical-700: #047857;
    --color-botanical-800: #065f46;
    --color-botanical-900: #064e3b;
}

* {
    font-family: 'RB', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

body {
    font-family: 'RB', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    color: var(--color-corp-900);
}

/* تباعد خطوط عربي مريح يمنع تداخل الحروف */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.55 !important;
    font-family: 'RB', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    margin: 0;
}

p, span, a, button, input, textarea, select, label {
    font-family: 'RB', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

p {
    line-height: 1.8 !important;
    margin: 0;
}

/* خلفية هندسية رصينة ومريحة للعين */
.official-grid {
    background-color: #fafbfc;
    background-image: radial-gradient(#e2e8f0 1px, transparent 1px);
    background-size: 28px 28px;
}

/* شريط التمرير */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}