/**
 * AfraRasa Premium — design tokens (non-color foundations).
 * Color palette is registered from functions.php via wp_add_inline_style.
 */

:root {
  /* Fallbacks — overridden by PHP-injected palette */
  --ar-color-primary: #A12273; /* rgb(161, 34, 115) */
  --ar-color-primary-vivid: #A12273;
  --ar-color-logo: #A12273;
  --ar-color-text: #2a0a3d;
  --ar-color-text-muted: #5c3a6e;
  --ar-color-bg: #f5f3f8;
  --ar-color-bg-elevated: #ffffff;
  --ar-color-surface: #edeaf2;
  --ar-color-accent: #c9a227;
  --ar-color-accent-soft: #e8d48b;
  --ar-color-platinum: #e8e6ef;
  --ar-color-midnight: #1a0033;
  --ar-color-ink: #0d001a;
  --ar-color-white: #faf9fc;
  --ar-color-black: #050208;

  /* Legacy aliases (Phase 1 compatibility) */
  --ar-purple-deep: var(--ar-color-primary);
  --ar-purple-vivid: var(--ar-color-primary-vivid);
  --ar-purple-midnight: var(--ar-color-midnight);
  --ar-purple-ink: var(--ar-color-ink);
  --ar-gold: var(--ar-color-accent);
  --ar-gold-soft: var(--ar-color-accent-soft);
  --ar-platinum: var(--ar-color-platinum);
  --ar-platinum-muted: var(--ar-color-text-muted);
  --ar-white: var(--ar-color-white);
  --ar-black: var(--ar-color-black);

  --ar-font-display: "Playfair Display", "Georgia", serif;
  --ar-font-body: "Vazirmatn", "Segoe UI", sans-serif;

  --ar-space-xs: 0.5rem;
  --ar-space-sm: 1rem;
  --ar-space-md: 1.5rem;
  --ar-space-lg: 2.5rem;
  --ar-space-xl: 4rem;
  --ar-space-2xl: 6rem;

  --ar-radius: 1.25rem;
  --ar-max-width: 72rem;
  --ar-header-height: 4.75rem;
  --ar-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ar-duration: 400ms;
}