:root {
  --primary: #2979ff;
  --primary-light: #5393ff;
  --primary-dark: #0d47a1;
  --secondary: #1565c0;
  --pg-bg: #0a0e1a;
  --pg-surface: #111827;
  --pg-text: #e8eaf6;
  --pg-font-heading: 'Tajawal', sans-serif;
  --pg-font-body: 'Cairo', sans-serif;
  --pg-radius: 16px;
  --pg-btn-radius: 12px;
  --primary-rgb: 41,121,255;
  --secondary-rgb: 21,101,192;
  --pg-bg2: #0e1321;
  --pg-bg2-rgb: 14,19,33;
  --primary-dark-rgb: 13,71,161;
}
body { background: var(--pg-bg); color: var(--pg-text); font-family: var(--pg-font-body); }
h1,h2,h3,h4,h5,h6 { font-family: var(--pg-font-heading); }
button, .btn, a.btn, input[type=submit] { border-radius: var(--pg-btn-radius); }

/* PG-DARK-MODE */
body { background: #0a0e1a !important; color: #e8eaf6 !important; }
/* PG-DARK-STRONG */
html { background: #0a0e1a !important; }
section, .section, main, .container, .content, header, footer, nav,
.card, .pack-card, .product-card, .feature-card, .faq-item, .box,
.packs-grid > div, .features-grid > div,
div[class*='hero'], div[class*='banner'], div[class*='head'],
div[class*='wrap'], div[class*='sec'], div[class*='block'] {
    background-color: transparent !important;
    background-image: none !important;
}
.card, .pack-card, .product-card, .feature-card, .faq-item, .box,
.app-install-box, .android-sub-item {
    background: #111827 !important;
    border-color: rgba(255,255,255,.08) !important;
    color: #e8eaf6 !important;
}
h1,h2,h3,h4,h5,h6, p, span, label, li, .section-title, .pack-name, .pack-title {
    color: #e8eaf6;
}
input, select, textarea {
    background: #111827 !important; color: #e8eaf6 !important;
    border-color: rgba(255,255,255,.15) !important;
}
a { color: var(--primary, #5393ff); }
.navbar, .topnav, .header-bar { background: #111827 !important; }
/* PG-DARK-TARGETED: متغيرات القالب + الكلاسات الفعلية */
:root {
    --white: #111827;
    --gray-50: #0a0e1a;
    --gray-100: #0a0e1a;
    --gray-200: #1c2942;
    --light: #0a0e1a;
}
.hero, .hero-content, .hero-text, .stats-bar, .stats-inner,
.header-container, .fade-in, .features, .packs, .faq, .apps, .products {
    background-color: transparent !important;
    background-image: none !important;
}
.hero-glass-card, .hero-badge, .hbf, .stat, .app-card, .pack, .faq-q {
    background: #111827 !important;
    color: #e8eaf6 !important;
    border-color: rgba(255,255,255,.1) !important;
}
.hero h1, .hero p, .hero span, .stats-inner * { color: #e8eaf6 !important; }

/* PG-VAR-BRIDGE */
:root {
    --blue: var(--primary, #078df2);
    --blue2: var(--primary-dark, #0066cc);
    --blue-lt: var(--primary-light, #e8f4fe);
    --gold: var(--secondary, #c8a84b);
    --gold2: var(--secondary, #e6c86a);
    --bg: var(--pg-bg, #f4f8fd);
    --white: var(--pg-surface, #ffffff);
    --dark: var(--pg-text, #07111f);
    --text: var(--pg-text, #4a6275);
}