/* ─── Nimax Blog — Design Tokens ────────────────────────────────────────── */
/* Source: Figma — Nimax Media Web Brands (node 6403:1323)                  */

:root {
  /* Colors */
  --c-bg:       #F2F2F7;
  --c-white:    #FFFFFF;
  --c-text:     #1E1E22;
  --c-accent:   #70BF91;
  --c-gray:     #D5D5D9;
  --c-gray-mid: #8A8A8E;
  --c-gray-dk:  #48484A;

  /* Typography */
  --font: 'TT Hoves', 'TT Hoves Trial', -apple-system, BlinkMacSystemFont,
          'Segoe UI', Arial, sans-serif;

  /* Font sizes — desktop */
  --fs-h1:   72px;
  --fs-h2:   56px;
  --fs-h3:   36px;
  --fs-p2:   25px;
  --fs-p3:   20px;
  --fs-sm:   16px;
  --fs-xs:   14px;

  /* Line heights */
  --lh-h1:   1;
  --lh-h2:   1;
  --lh-h3:   1.1;
  --lh-p2:   1.2;
  --lh-p3:   1.25;
  --lh-body: 1.6;

  /* Layout */
  --content-w: 1800px;
  --page-px:   60px;
  --gap:       40px;
  --gap-sm:    20px;
  --gap-xs:    12px;

  /* Radius */
  --r:    16px;
  --r-sm: 8px;
  --r-xs: 6px;
  --r-pill: 100px;

  /* Transitions */
  --t: 0.2s ease;
}

@media (max-width: 1280px) {
  :root {
    --fs-h1:  56px;
    --fs-h2:  44px;
    --fs-h3:  28px;
    --fs-p2:  22px;
    --fs-p3:  18px;
    --page-px: 40px;
  }
}

@media (max-width: 768px) {
  :root {
    --fs-h1:  36px;
    --fs-h2:  30px;
    --fs-h3:  22px;
    --fs-p2:  18px;
    --fs-p3:  16px;
    --fs-sm:  15px;
    --page-px: 20px;
    --gap:     24px;
    --gap-sm:  16px;
  }
}