:root{--logo-bg: #000000;--logo-fg: #ffffff;--bg-primary: #fafafa;--surface-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent-gold: #c5a059;--accent-gold-hover: #b08c46;--border-subtle: #e2e8f0;--accent-gold-light: #fefce8;--accent-gold-border: #fde047;--bg: var(--bg-primary);--bg-alt: color-mix(in srgb, var(--bg-primary) 90%, var(--text-primary) 10%);--surface: var(--surface-card);--ink: var(--text-primary);--ink-dim: var(--text-secondary);--ink-dim-2: color-mix(in srgb, var(--text-secondary) 70%, transparent);--ink-band: var(--text-primary);--cream: var(--bg-primary);--cream-dim: color-mix(in srgb, var(--bg-primary) 66%, transparent);--gold: var(--accent-gold);--gold-soft: color-mix(in srgb, var(--accent-gold) 55%, white);--gold-bronze: var(--accent-gold-hover);--line: color-mix(in srgb, var(--accent-gold) 32%, transparent);--shadow: color-mix(in srgb, var(--text-primary) 12%, transparent)}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-height:100vh;min-height:100svh;background:var(--bg);color:var(--ink);font-family:Zain,IBM Plex Sans Arabic,sans-serif;overflow-x:hidden}::selection{background:var(--gold);color:var(--cream)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}