/* صوت ستوديو — مولَّد من tokens.json في نظام التصميم (١٤/١٠/٢٠٢٦) */
:root {
  --purple: #533F99;
  --purple-d: #3E2E77;
  --purple-dd: #241B44;
  --purple-l: #A594F0;
  --teal: #6FC7B3;
  --teal-d: #2E9481;
  --teal-text: #237A6A;
  --yellow: #FDD700;
  --orange: #F04923;
  --orange-text: #C7381A;
  --blue: #3C60AC;
  --green: #1FA855;
  --green-text: #168043;
  --ink: #241F2E;
  --ink-2: #524B48;
  --muted: #6E6880;
  --line: #E7E3F0;
  --line-strong: #8C85A0;
  --bg: #FBFAFD;
  --bg-alt: #F4F1FA;
  --surface: #FFFFFF;
  --white: #FFFFFF;
  --on-purple: #FFFFFF;
  --focus: #533F99;
  --hero-1: #1E1638;
  --hero-2: #3A2B72;
  --section-dark-1: #2B2054;
  --section-dark-2: #4A3789;
  --logo-blue: #3873FE;
  --logo-indigo: #5A48FA;
  --logo-violet: #8E54FC;
  --logo-studio-end: #942AF9;
  --font-display: "El Messiri", "Readex Pro", Tahoma, sans-serif;
  --font-body: "Readex Pro", Tahoma, "Segoe UI", sans-serif;
  --font-latin: "Space Grotesk", "Readex Pro", ui-sans-serif, system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 96px;
  --page-width: 1180px;
  --header-height: 84px;
  --stripe-height: 5px;
  --r-sm: 12px;
  --r: 18px;
  --r-pill: 999px;
  --dur-fast: 0.2s;
  --dur-base: 0.25s;
  --dur-wave: 1.6s;
  --ease: cubic-bezier(.2,.7,.2,1);
  --lift-card: -4px;
  --lift-btn: -2px;
  --blur-header: 14px;
  --shadow: 0 1px 2px rgba(36,27,68,.04), 0 8px 24px rgba(36,27,68,.06);
  --shadow-lg: 0 18px 50px rgba(36,27,68,.14);
  --shadow-btn: 0 8px 20px rgba(83,63,153,.30);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --purple: #6A55C9;
    --purple-d: #533F99;
    --purple-dd: #120D24;
    --purple-l: #A594F0;
    --teal: #6FC7B3;
    --teal-d: #4FB09B;
    --teal-text: #6FC7B3;
    --yellow: #FDD700;
    --orange: #F2714F;
    --orange-text: #F2714F;
    --blue: #7C9BE0;
    --green: #3FCB7A;
    --green-text: #3FCB7A;
    --ink: #EEEAF6;
    --ink-2: #C9C2D6;
    --muted: #9E97B2;
    --line: #342C4A;
    --line-strong: #6E6688;
    --bg: #14101F;
    --bg-alt: #1A1528;
    --surface: #1E1830;
    --white: #FFFFFF;
    --on-purple: #FFFFFF;
    --focus: #A594F0;
    --hero-1: #1E1638;
    --hero-2: #3A2B72;
    --section-dark-1: #2B2054;
    --section-dark-2: #4A3789;
    --logo-blue: #7AA2FF;
    --logo-indigo: #8C7DFF;
    --logo-violet: #B98CFF;
    --logo-studio-end: #C79BFF;
    --shadow: 0 1px 2px rgba(0,0,0,.30), 0 8px 24px rgba(0,0,0,.35);
    --shadow-lg: 0 18px 50px rgba(0,0,0,.50);
    --shadow-btn: 0 8px 20px rgba(106,85,201,.40);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --purple: #6A55C9;
  --purple-d: #533F99;
  --purple-dd: #120D24;
  --purple-l: #A594F0;
  --teal: #6FC7B3;
  --teal-d: #4FB09B;
  --teal-text: #6FC7B3;
  --yellow: #FDD700;
  --orange: #F2714F;
  --orange-text: #F2714F;
  --blue: #7C9BE0;
  --green: #3FCB7A;
  --green-text: #3FCB7A;
  --ink: #EEEAF6;
  --ink-2: #C9C2D6;
  --muted: #9E97B2;
  --line: #342C4A;
  --line-strong: #6E6688;
  --bg: #14101F;
  --bg-alt: #1A1528;
  --surface: #1E1830;
  --white: #FFFFFF;
  --on-purple: #FFFFFF;
  --focus: #A594F0;
  --hero-1: #1E1638;
  --hero-2: #3A2B72;
  --section-dark-1: #2B2054;
  --section-dark-2: #4A3789;
  --logo-blue: #7AA2FF;
  --logo-indigo: #8C7DFF;
  --logo-violet: #B98CFF;
  --logo-studio-end: #C79BFF;
  --shadow: 0 1px 2px rgba(0,0,0,.30), 0 8px 24px rgba(0,0,0,.35);
  --shadow-lg: 0 18px 50px rgba(0,0,0,.50);
  --shadow-btn: 0 8px 20px rgba(106,85,201,.40);
  color-scheme: dark;
}