/* ==========================================================================
   ATP Lab Panel — Design tokens
   همه رنگ‌ها، اندازه‌ها و شعاع‌ها از اینجا خوانده می‌شوند.
   برای تغییر تم فقط همین فایل را ویرایش کنید.
   ========================================================================== */

@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Vazirmatn"; src: url("../fonts/Vazirmatn-ExtraBold.woff2") format("woff2"); font-weight: 800; font-display: swap; }

:root {
  /* Brand */
  --c-primary: #0E7C6B;
  --c-primary-dark: #0A5F52;
  --c-primary-darker: #074539;
  --c-primary-tint: #E3F2EF;
  --c-primary-tint-2: #F7FBFA;
  --c-on-primary: #FFFFFF;
  --c-on-primary-muted: #CDEAE4;

  --c-accent: #F59E0B;
  --c-on-accent: #3B2300;

  /* Neutrals */
  --c-bg: #F5F7F6;
  --c-surface: #FFFFFF;
  --c-surface-2: #F0F4F2;
  --c-surface-3: #FAFBFA;
  --c-border: #DCE4E1;
  --c-divider: #EDF1EF;
  --c-border-dashed: #B8CCC6;
  --c-border-dashed-2: #9FC1B8;
  --c-track: #E3E9E7;
  --c-skeleton: #E3E9E7;

  --c-text: #10201D;
  --c-text-2: #3C4B47;
  --c-muted: #56645F;
  --c-disabled: #7A8884;

  --c-ink: #10201D;           /* نوار تیره سبد موبایل و toast */
  --c-on-ink-link: #8FD6C8;

  /* Feedback */
  --c-danger: #A1362C;
  --c-danger-tint: #FCF1EF;
  --c-danger-border: #E8B4AE;
  --c-danger-border-soft: #F0D2CE;

  /* Status (ثبت شد / دیده شد / سفارش شد / ارسال شد) */
  --s-new-bg: #F0F4F2;   --s-new-fg: #3C4B47;   --s-new-dot: #7A8884;
  --s-seen-bg: #E6EEFB;  --s-seen-fg: #24489B;  --s-seen-dot: #3B64C4;
  --s-order-bg: #FEF3E2; --s-order-fg: #8A4A06; --s-order-dot: #D98208;
  --s-sent-bg: #E3F2EF;  --s-sent-fg: #0A5F52;  --s-sent-dot: #0E7C6B;

  /* Type */
  --font: "Vazirmatn", Tahoma, sans-serif;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-base: 14px;
  --fs-lg: 15px;
  --fs-xl: 16px;
  --fs-h3: 18px;
  --fs-h2: 20px;
  --fs-h1: 26px;

  /* Radius */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 14px;
  --r-2xl: 18px;
  --r-3xl: 24px;
  --r-pill: 999px;

  /* Sizes */
  --h-chip: 36px;
  --h-control-sm: 40px;
  --h-control: 44px;
  --h-input: 46px;
  --h-btn-lg: 52px;
  --header-h: 68px;
  --bottom-nav-h: 74px;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 40px;

  --container: 1360px;

  /* Elevation */
  --shadow-pop: 0 16px 40px rgba(16, 32, 29, .12);
  --shadow-modal: 0 24px 60px rgba(16, 32, 29, .25);
  --shadow-float: 0 10px 24px rgba(16, 32, 29, .28);
  --overlay: rgba(16, 32, 29, .45);

  --focus: 0 0 0 3px rgba(14, 124, 107, .35);
}
