:root {
    --black: #000000;
    --primary: #000000;
    --secondary: #0a0a0f;
    --gold: #c9a961;
    --gold-bright: #e0c084;
    --accent: #c9a961;
    --accent-bright: #e0c084;
    --white: #ffffff;
    --text: #ffffff;
    --text-muted: #888888;
    --border: rgba(255,255,255,0.08);
    --border-soft: rgba(255,255,255,0.08);
    --card-bg: #16161d;

    --font-body: 'Inter', 'Tajawal', sans-serif;
    --font-display: 'Playfair Display', 'Tajawal', serif;
    --font-arabic: 'Tajawal', sans-serif;

    --fs-base: 15px;
    --fs-h1: 56px;
    --fs-h2: 40px;
    --fs-h3: 28px;

    --radius: 14px;
    --radius-sm: calc(14px * 0.6);
    --radius-lg: calc(14px * 1.5);
}

html { font-size: var(--fs-base); }
body { font-family: var(--font-body); }
h1, .h1 { font-size: var(--fs-h1); font-family: var(--font-display); }
h2, .h2 { font-size: var(--fs-h2); font-family: var(--font-display); }
h3, .h3 { font-size: var(--fs-h3); font-family: var(--font-display); }
[dir="rtl"] body, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { font-family: var(--font-arabic); }

/* Dynamic header */
.site-header { color: #ffffff; }
.site-header.transparent { background: transparent; }
.site-header.solid, .site-header.scrolled {
    background: #000000;
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border);
}
.site-header .site-logo { display: inline-flex; align-items: center; }
.site-header .site-logo img {
    height: 90px;
    max-height: 90px;
    width: auto;
    object-fit: fill;
    transition: height 0.3s;
}
.site-header .nav-link, .site-header .main-nav a { color: #ffffff; }

@media (max-width: 768px) {
    .site-header .site-logo img { height: 78px; max-height: 78px; }
    .site-header .header-inner { position: relative; }
    .site-header .site-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }
    [dir="rtl"] .site-header .site-logo {
        left: auto;
        right: 50%;
        transform: translate(50%, -50%);
    }
}

/* Dynamic footer */
.site-footer { background: #000000; color: #888888; }
.site-footer a { color: #888888; }
.site-footer a:hover { color: var(--accent); }
.site-footer .footer-brand-logo { max-height: 92px !important; height: auto !important; width: auto !important; }
@media (max-width: 768px) {
    .site-footer .footer-brand-logo { max-height: 82px !important; }
}