/* ============================================================
   ثيم مسار الصوت — "استوديو دافئ / راسم ذبذبات"
   الجوّ: موجة، دفء تناظري، اهتزاز. قاعدة بنّية-سوداء دافئة،
   ذهب كهرماني مهيمن (الصوت/الأنالوج)، نسيج خطوط موجية أفقية.
   ============================================================ */
:root {
  --bg-void: #0c0805; --bg-deep: #120c07; --bg-panel: #18110a; --bg-elevated: #221709; --bg-code: #0d0904;
  --line: #2a2012; --line-strong: #3d2f18; --line-faint: #1a130a;
  --fg: #f0e6d6; --fg-muted: #bcab92; --fg-dim: #7d6e55; --fg-faint: #50473a;
  --acid: #ffb43c; --acid-dim: #8a5f17;     /* مهيمن: ذهب الصوت */
  --cyan: #5bd6c4; --cyan-dim: #1f7a6c;     /* ثانوي: تركواز بارد للتباين */
  --amber: #f5d76e; --amber-dim: #7a6520;   /* warn */
  --red: #ff6b5c; --red-dim: #8a2d22;       /* danger */
  --magenta: #c98bff; --magenta-dim: #5e3a8a;
  --spectrum: linear-gradient(90deg, #ff6b5c, #ffb43c, #f5d76e, #5bd6c4, #c98bff);
  --mono: "JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;
  --ar: "IBM Plex Sans Arabic","Tajawal","Noto Sans Arabic",system-ui,sans-serif;
  /* ألوان المسارات (للروابط المتقاطعة) */
  --t-image:#49c5ff; --t-audio:#ffb43c; --t-video:#ff6a5a;
}
/* نسيج: خطوط موجية أفقية (راسم ذبذبات) + توهّج دافئ */
body {
  background-image:
    radial-gradient(ellipse at 12% 0%, rgba(255,180,60,0.06) 0%, transparent 46%),
    radial-gradient(ellipse at 88% 80%, rgba(201,139,255,0.04) 0%, transparent 46%),
    repeating-linear-gradient(0deg, rgba(255,180,60,0.018) 0px, rgba(255,180,60,0.018) 1px, transparent 1px, transparent 5px);
}
.hero::before { content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(circle at 18% 30%, rgba(255,180,60,0.12) 0%, transparent 44%),
              radial-gradient(circle at 82% 70%, rgba(91,214,196,0.07) 0%, transparent 44%); }
/* موتيف موجة في الـ hero */
.hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:80px; pointer-events:none; opacity:0.25;
  background: repeating-linear-gradient(90deg, transparent 0 6px, rgba(255,180,60,0.25) 6px 7px);
  mask-image: linear-gradient(to top, black, transparent); }