/**
 * ===================================================================
 * TOLOEE DESIGN TOKENS — سیستم طراحی «صبحانه‌سرا و کله‌پزی طلوع»
 * ===================================================================
 * هویت بصری ۱۴۰۵: کاسه کله‌پاچه، طلوع آفتاب، انرژی صبحگاهی.
 * پالت رسمی برند:
 *  Sunrise Orange #F47B20 | Saffron Gold #FFC43D | Olive #687A3B
 *  Walnut #352117 | Cream #FFF5E5
 * =================================================================== */

:root {
  /* ---------------------------------------------------------------
   * ۱) پالت پایه — رنگ‌های خام برند
   * ------------------------------------------------------------- */
  --color-sunrise-900: #8a3d0a;
  --color-sunrise-800: #c45a0e;
  --color-sunrise-700: #d46512;
  --color-sunrise-500: #f47b20; /* نارنجی طلوع — رنگ اصلی برند */
  --color-sunrise-400: #ff8f3a;

  --color-saffron-300: #ffd56a;
  --color-saffron-500: #ffc43d; /* طلایی زعفران */
  --color-saffron-600: #e0a61f;

  --color-olive-500: #687a3b;
  --color-olive-700: #4f5c2c;

  --color-cream-50: #fffbf5;
  --color-cream-100: #fff5e5; /* پس‌زمینه پیش‌فرض */
  --color-cream-200: #f6e6c8;
  --color-cream-300: #e8d4b0;

  --color-walnut-950: #24160f;
  --color-walnut-900: #352117; /* متن و اعتماد برند */
  --color-walnut-700: #5a3a2a;
  --color-walnut-500: #7a5a45;
  --color-walnut-300: #a9967e;

  --color-white: #ffffff;

  /* نام‌های قدیمی (zereshk/sofreh/tala/brown) به‌عنوان alias نگه داشته
     شده‌اند تا سکشن‌های موجود بدون بازنویسی کامل کار کنند. */
  --color-zereshk-900: var(--color-sunrise-900);
  --color-zereshk-800: var(--color-sunrise-800);
  --color-zereshk-700: var(--color-sunrise-500);
  --color-zereshk-600: var(--color-sunrise-400);
  --color-zereshk-500: var(--color-sunrise-400);

  --color-sofreh-50: var(--color-cream-50);
  --color-sofreh-100: var(--color-cream-100);
  --color-sofreh-200: var(--color-cream-200);
  --color-sofreh-300: var(--color-cream-300);

  --color-tala-300: var(--color-saffron-300);
  --color-tala-500: var(--color-saffron-500);
  --color-tala-600: var(--color-saffron-600);

  --color-brown-950: var(--color-walnut-950);
  --color-brown-900: var(--color-walnut-900);
  --color-brown-700: var(--color-walnut-700);
  --color-brown-500: var(--color-walnut-500);
  --color-brown-300: var(--color-walnut-300);

  --color-success: var(--color-olive-500);
  --color-error: #b3261e;
  --color-warning: var(--color-saffron-600);
  --color-info: #4a5a6b;

  /* ---------------------------------------------------------------
   * ۲) توکن‌های نقشی
   * ------------------------------------------------------------- */
  --color-bg: var(--color-cream-100);
  --color-bg-elevated: var(--color-white);
  --color-bg-dark: var(--color-walnut-950);
  --color-bg-muted: var(--color-cream-200);

  --color-text: var(--color-walnut-900);
  --color-text-muted: var(--color-walnut-500);
  --color-text-inverse: var(--color-cream-100);
  --color-heading: var(--color-walnut-950);

  --color-border: var(--color-cream-300);
  --color-border-strong: var(--color-walnut-300);

  --color-primary: var(--color-sunrise-500);
  --color-primary-hover: var(--color-sunrise-800);
  --color-primary-active: var(--color-sunrise-900);
  --color-on-primary: var(--color-walnut-950);

  --color-accent: var(--color-saffron-500);
  --color-accent-hover: var(--color-saffron-600);

  --color-focus-ring: var(--color-sunrise-500);

  /* ---------------------------------------------------------------
   * ۳) تایپوگرافی
   * ------------------------------------------------------------- */
  --font-family-base: "Vazirmatn", Tahoma, sans-serif;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 800;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.375rem;
  --font-size-xl: 1.75rem;
  --font-size-2xl: 2.25rem;
  --font-size-3xl: 2.75rem;
  --font-size-4xl: 3.5rem;

  --line-height-tight: 1.3;
  --line-height-normal: 1.6;
  --line-height-relaxed: 1.85;

  --content-max-width: 42rem;

  /* ---------------------------------------------------------------
   * ۴) فاصله‌گذاری — بر پایه واحد ۴ پیکسل
   * ------------------------------------------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* ---------------------------------------------------------------
   * ۵) شعاع گوشه‌ها
   * ------------------------------------------------------------- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-full: 999px;

  /* ---------------------------------------------------------------
   * ۶) سایه‌ها — بر پایه گردو، نه خاکستری خنثی
   * ------------------------------------------------------------- */
  --shadow-sm: 0 1px 2px rgba(53, 33, 23, 0.08);
  --shadow-md: 0 4px 12px rgba(53, 33, 23, 0.12);
  --shadow-lg: 0 12px 32px rgba(53, 33, 23, 0.16);

  --tap-target-min: 44px;

  --transition-fast: 150ms ease;
  --transition-base: 220ms ease;
}

/**
 * Breakpoints (باید در media query تایپ شوند):
 *  --bp-sm:  480px
 *  --bp-md:  768px
 *  --bp-lg:  1024px
 *  --bp-xl:  1280px
 *  --bp-2xl: 1536px
 */