/* QALAMSITE — طبقة الرموز: هوية دافئة (حبر + وردي مرجاني + كهرمان) */
:root {
  /* ألوان أساسية — أسماء --q-cyan / --q-violet محفوظة للتوافق مع باقي الملفات */
  --q-cyan: #f43f5e;
  --q-cyan-dim: #be123c;
  --q-violet: #f59e0b;
  --q-violet-glow: rgba(245, 158, 11, 0.45);
  --q-gold: #fbbf24;
  --q-gold-dim: #d97706;

  --q-bg-deep: #0c0a09;
  --q-bg: #141110;
  --q-surface: rgba(41, 37, 36, 0.52);
  --q-surface-strong: rgba(28, 25, 23, 0.82);
  --q-border: rgba(168, 162, 158, 0.16);
  --q-border-bright: rgba(244, 63, 94, 0.38);

  --q-text: #f5f5f4;
  --q-text-muted: #a8a29e;
  --q-text-faint: #78716c;

  --q-radius-sm: 10px;
  --q-radius: 18px;
  --q-radius-lg: 26px;

  --q-shadow-glow: 0 0 60px rgba(244, 63, 94, 0.14);
  --q-shadow-card: 0 18px 50px rgba(0, 0, 0, 0.5);

  --q-font-display: "Changa", system-ui, sans-serif;
  --q-font-body: "IBM Plex Sans Arabic", system-ui, sans-serif;

  --q-space-xs: 0.35rem;
  --q-space-sm: 0.65rem;
  --q-space-md: 1rem;
  --q-space-lg: 1.75rem;
  --q-space-xl: 2.75rem;
  --q-space-2xl: clamp(3rem, 6vw, 5.5rem);

  --q-header-h: 76px;
  --q-topbar-h: 40px;

  --q-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --q-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --q-max: 1180px;
}

/* شريط علوي بصفّين على الموبايل — يجب أن يطابق header.css (.q-topbar) */
@media (max-width: 720px) {
  :root {
    --q-topbar-h: 118px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --q-dur-fast: 0.01ms;
    --q-dur: 0.01ms;
    --q-dur-slow: 0.01ms;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    --q-dur-fast: 160ms;
    --q-dur: 320ms;
    --q-dur-slow: 720ms;
  }
}