:root {
  /* Brand — real webook magenta */
  --brand: #e52a6e;
  --brand-2: #e93f7d;
  --brand-strip: #e52a6e;

  /* Neutrals (zinc) — captured from live site */
  --bg: #09090b;            /* body */
  --surface: #18181b;       /* cards / elevated */
  --surface-2: #1c1c1f;
  --border: #27272a;
  --border-soft: #18181b;
  --fg: #ffffff;
  --fg-2: #e4e4e7;          /* zinc-200 body text */
  --fg-muted: #a1a1aa;      /* zinc-400 */
  --fg-dim: #52525b;        /* zinc-600 */
  --success: #21c45d;
  --accent-purple: #7c5cff;

  /* Typography */
  --font: "Vazirmatn", ui-sans-serif, system-ui, sans-serif;

  /* Radii */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-md: 0 8px 24px rgba(0, 0, 0, .45);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);

  /* Layout */
  --container: 1320px;

  /* Motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 200ms;
}