/* =============================================
   RESET & ROOT
============================================= */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
    --bg:       #070709;
    --bg2:      #0d0d12;
    --card:     #13131c;
    --blue:     #00c8ff;
    --magenta:  #ff2d78;
    --gold:     #ffaa00;
    --text:     #f3f3f5;
    --sub:      #8888a0;
    --muted:    #44445a;
    --line:     rgba(255,255,255,0.06);
    --nav-h:    78px;
}

html { scroll-behavior: smooth; }

body {
    background: var(--bg); color: var(--text);
    font-family: 'Inter', sans-serif;
    font-size: 16px; line-height: 1.6; overflow-x: hidden;
}

/* Arabic font override */
html[lang="ar"] body,
html[lang="ar"] p,
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] button,
html[lang="ar"] a { font-family: 'Cairo', sans-serif; }

html[lang="ar"] .font-display,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] .sec-title,
html[lang="ar"] .svc-title,
html[lang="ar"] .proj-title { font-family: 'Cairo', sans-serif; font-weight: 700; }