/* Side Store design tokens — taken from the brand board */
:root {
  --violet: #8B3DFF;
  --violet-hi: #A66BFF;
  --purple-deep: #4A1D96;
  --ink: #07050C;
  --panel: #110C1C;
  --panel-2: #181128;
  --mist: #DCD8E6;
  --muted: #8E86A3;
  --white: #FFFFFF;
  --success: #2BD48A;
  --warning: #F5B544;
  --danger: #FF5C7A;

  --line: rgba(139, 61, 255, 0.18);
  --line-strong: rgba(139, 61, 255, 0.42);
  --glow: 0 0 0 1px rgba(166, 107, 255, 0.5), 0 8px 32px -6px rgba(139, 61, 255, 0.65);

  --font-ar: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
  --font-en: 'Sora', 'Segoe UI', system-ui, sans-serif;

  /* type scale ~1.25 */
  --fs-xs: 13px; --fs-sm: 15px; --fs-md: 17px; --fs-lg: 21px; --fs-xl: 27px; --fs-2xl: 34px; --fs-3xl: clamp(36px, 6vw, 56px);

  --r-btn: 10px; --r-panel: 16px; --r-hero: 24px;
  --cut: 28px; /* the slanted corner taken from the S */
  --space: 8px;
  --max: 1200px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  color-scheme: dark;
}