/*
 * Alo Imeni — Design Tokens
 * منبعِ حقیقت برای رنگ، شعاع، سایه، فاصله، z-index و transition.
 * دارک‌مود عمداً حذف است (color-scheme: light only).
 *
 * دو دستهٔ توکن داریم و هر دو معتبرند:
 *  1) توکن‌های سیستم طراحی (--blue/--green/--red/--ink ...) — عیناً مطابق CLAUDE.md §۲.
 *  2) توکن‌های نام‌فضادارِ --alo-* — لایهٔ نام‌گذاریِ استانداردِ فاز ۲ که روی همان
 *     رنگ‌های سیستم طراحی نگاشت شده‌اند (نه رنگ‌های نمونهٔ بریف؛ رنگِ مبنا = CLAUDE.md/AI.md).
 *
 * قاعدهٔ طلایی رنگ: آبی = کنش/کلیک · سبز = هویت/سطح · قرمز = خطر/حراج. قاطی نکن.
 */
:root{
  color-scheme:light only;

  /* --- سیستم طراحی (بدون تغییر — CLAUDE.md §۲) --- */
  --bg:#F5F5F7; --grad:linear-gradient(180deg,#F7F7FA 0%,#F2F2F6 100%);
  --text:#111114; --text2:#5A5A66; --text3:#86868F;
  --card:#FFFFFF; --surface2:#F0F0F3; --tile:linear-gradient(160deg,#FAFAFC 0%,#EFEFF3 100%);
  --border:#E5E5EA; --line:#ECECF0; --neutral:#A1A1AA;
  --blue:#1C75BC; --blue-strong:#155E98; --blue-soft:rgba(28,117,188,.12);
  --green:#15795B; --green-strong:#105E46; --green-soft:rgba(21,121,91,.13);
  --red:#E1251B; --red-soft:rgba(225,37,27,.08);
  --ink:#143C32; --ink2:#1C4D3E; --on-ink:#FFFFFF; --on-ink2:rgba(255,255,255,.62);
  --shadow:0 6px 24px rgba(17,17,20,.06); --shadow-lg:0 22px 60px rgba(17,17,20,.12);
  --glass:rgba(255,255,255,.72); --glass-border:rgba(255,255,255,.7);

  /* --- لایهٔ نام‌فضادارِ --alo-* (نگاشت به رنگ‌های بالا) --- */
  --alo-color-bg:var(--bg);
  --alo-color-surface:var(--card);
  --alo-color-surface-2:var(--surface2);
  --alo-color-text:var(--text);
  --alo-color-text-2:var(--text2);
  --alo-color-muted:var(--text3);
  --alo-color-border:var(--border);
  --alo-color-line:var(--line);

  --alo-color-primary:var(--blue);          /* کنش/کلیک — دکمهٔ اصلی، سبد، جستجو */
  --alo-color-primary-dark:var(--blue-strong);
  --alo-color-primary-soft:var(--blue-soft);
  --alo-color-brand:var(--green);            /* هویت/سطح — هیرو، بنر، فوتر، مزایا */
  --alo-color-brand-dark:var(--green-strong);
  --alo-color-brand-soft:var(--green-soft);
  --alo-color-signal:var(--red);             /* خطر/حراج — آتش‌نشانی، حراج، هشدار */
  --alo-color-signal-soft:var(--red-soft);
  --alo-color-ink:var(--ink);                /* سطوحِ تیرهٔ برند */
  --alo-color-ink-2:var(--ink2);
  --alo-color-on-ink:var(--on-ink);

  /* هشدار/راهداری (نوار خطر و علائم) */
  --alo-color-warning:#F4C518;
  --alo-color-hazard:#161A18;

  /* --- شعاع گوشه --- */
  --alo-radius-sm:8px;
  --alo-radius-md:12px;
  --alo-radius-lg:18px;
  --alo-radius-xl:24px;
  --alo-radius-pill:999px;

  /* --- سایه --- */
  --alo-shadow-card:var(--shadow);
  --alo-shadow-premium:var(--shadow-lg);
  --alo-shadow-atc:0 12px 30px rgba(28,117,188,.40); /* فقط CTA روی سطحِ تیره */

  /* --- فاصله (مقیاس ۴px) --- */
  --alo-space-1:4px;
  --alo-space-2:8px;
  --alo-space-3:12px;
  --alo-space-4:16px;
  --alo-space-5:20px;
  --alo-space-6:24px;
  --alo-space-8:32px;
  --alo-space-10:40px;

  /* --- کانتینر --- */
  --alo-container:min(1240px,94vw);
  --alo-section-pad:32px;

  /* --- z-index --- */
  --alo-z-base:1;
  --alo-z-sticky:60;
  --alo-z-drawer:80;
  --alo-z-header-mobile:70;
  --alo-z-mobilebar:75;
  --alo-z-modal:100;
  --alo-z-skiplink:1000;

  /* --- transition --- */
  --alo-transition-fast:160ms ease;
  --alo-transition-normal:260ms ease;
  --alo-transition-slow:320ms ease;

  /* --- تایپوگرافی (مقیاس) --- */
  --alo-font-body:"IRANSansX",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --alo-fs-hero:clamp(26px,3.4vw,46px);
  --alo-fs-section:clamp(20px,2vw,26px);
  --alo-fs-body:14px;
  --alo-fs-small:12.5px;
  --alo-fs-tiny:11.5px;
}