/* ==========================================================================
   variables.css — توکن‌های طراحی فانتزی‌های ویانا
   ========================================================================== */

:root {
  /* ─── رنگ Accent ──────────────────────────────────────── */
  --viana-accent:        oklch(72% 0.13 82);   /* طلایی/رزگلد */
  --viana-accent-dark:   oklch(65% 0.14 82);
  --viana-accent-light:  oklch(82% 0.10 82);

  /* ─── خاکستری‌ها ──────────────────────────────────────── */
  --viana-neutral-900:   #1C1C1A;
  --viana-neutral-700:   #3A3A38;
  --viana-neutral-500:   #6B6B69;
  --viana-neutral-400:   #8A8A8A;
  --viana-neutral-300:   #C8C8C6;
  --viana-neutral-200:   #F2F2F0;
  --viana-neutral-100:   #FAFAF8;

  /* ─── فضا — ریتم ۸ پیکسل ─────────────────────────────── */
  --viana-space-1:  4px;
  --viana-space-2:  8px;
  --viana-space-3:  12px;
  --viana-space-4:  16px;
  --viana-space-5:  20px;
  --viana-space-6:  24px;
  --viana-space-8:  32px;
  --viana-space-10: 40px;
  --viana-space-12: 48px;
  --viana-space-16: 64px;

  /* ─── شعاع گوشه ──────────────────────────────────────── */
  --viana-radius-sm: 6px;
  --viana-radius-md: 10px;
  --viana-radius-lg: 16px;

  /* ─── حداکثر عرض ────────────────────────────────────── */
  --viana-max-w: 1280px;

  /* ─── override رنگ‌های Blocksy ────────────────────────
     Blocksy رنگ accent را از این متغیرها می‌گیرد.
     با اینجا override می‌کنیم تا همه‌جا طلایی شود.
  ─────────────────────────────────────────────────────── */
  --theme-palette-color-1: oklch(72% 0.13 82);   /* accent اصلی */
  --theme-palette-color-2: oklch(65% 0.14 82);   /* accent تیره */
  --theme-palette-color-3: #1C1C1A;              /* تیره */
  --theme-palette-color-4: #3A3A38;
  --theme-palette-color-5: #6B6B69;
  --theme-palette-color-6: #8A8A8A;
  --theme-palette-color-7: #F2F2F0;
  --theme-palette-color-8: #FAFAF8;

  /* رنگ لینک‌های Blocksy */
  --theme-link-initial-color: oklch(72% 0.13 82);
  --theme-link-hover-color:   oklch(65% 0.14 82);

  /* رنگ دکمه‌های Blocksy */
  --theme-button-background-initial-color: oklch(72% 0.13 82);
  --theme-button-background-hover-color:   oklch(65% 0.14 82);
}