/* KaraHub design tokens v3.0 — "The Quiet Core" */
:root{
  /* base */
  --kh-petrol:    #0F3B45;   /* Hero، فوتر، لوگو */
  --kh-teal:      #0E7C86;   /* رنگ برند — لینک، آیکون فعال */
  --kh-amber:     #E9A13B;   /* فقط CTA — یک بار در هر صفحه */
  --kh-sand:      #F3EEE7;   /* زمینه روشن، جای سفید خالص */
  --kh-graphite:  #17232A;   /* متن اصلی */

  /* neutrals */
  --kh-n0:   #FFFFFF;
  --kh-n50:  #FAF8F5;
  --kh-n100: #F3EEE7;
  --kh-n200: #E5DFD6;
  --kh-n300: #CBC6BD;
  --kh-n400: #A0A8AC;
  --kh-n500: #74838A;
  --kh-n600: #4C5C64;
  --kh-n700: #2C3A41;
  --kh-n800: #17232A;
  --kh-n900: #0D1518;

  /* service families — hue walk 185° → 215° → 251° */
  --kh-fam-1: #0E7C86;   /* دورکاری و محیط کار دیجیتال */
  --kh-fam-2: #2E5FA3;   /* تحول ابری */
  --kh-fam-3: #5B4B9E;   /* اتوماسیون و داده */

  /* semantic */
  --kh-danger:  #C0553F;
  --kh-warning: var(--kh-amber);
  --kh-success: var(--kh-teal);

  /* type */
  --kh-fa:   'Estedad', 'Vazirmatn', system-ui, sans-serif;
  --kh-la:   'Inter', system-ui, sans-serif;
  --kh-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* shape */
  --kh-r-sm: 8px;  --kh-r-md: 12px;  --kh-r-lg: 16px;
  --kh-sh-1: 0 1px 2px rgba(15,59,69,.06);
  --kh-sh-2: 0 8px 24px rgba(15,59,69,.08);
  --kh-ease: cubic-bezier(.2,.8,.2,1);
}

/* dark mode — first-class, not an afterthought */
[data-theme="dark"], .kh-dark{
  --kh-bg:      #0D1518;
  --kh-surface: #16242B;
  --kh-raised:  #1E313A;
  --kh-divider: #2A3B43;
  --kh-brand:   #2BB3BF;   /* روشن‌تر برای حفظ کنتراست AA */
  --kh-cta:     #F0B057;
  --kh-text:    #F3EEE7;
  --kh-muted:   #A9B4B8;
}

/* usage ratio — 60% neutral / 30% petrol / 8% teal / 2% amber */