/* ============================================
   TOKENS DE DESIGN — TECPRINTERS
   Extraídos do Figma: SITE-TECPRINTERS (Copy)
   ============================================ */

:root {
  /* Cores principais */
  --color-primary:        #0047ff;
  --color-primary-600:    #2563eb;
  --color-primary-400:    #3b82f6;
  --color-primary-200:    #93c5fd;
  --color-primary-bg:     #dbeafe;
  --color-primary-bg-mid: #eff6ff;
  --color-primary-bg-lt:  #dfedff;

  --color-green:          #26a94a;

  /* Cores de texto */
  --color-text-heading:   #020040;
  --color-text-dark:      #0f172a;
  --color-text-mid:       #334155;
  --color-text-body:      #64748b;
  --color-text-subtle:    #94a3b8;
  --color-text-light:     #cbd5e1;

  /* Backgrounds */
  --color-bg-white:       #ffffff;
  --color-bg-section:     #f8fafc;
  --color-bg-card:        #fbfcfd;
  --color-footer:         #0f172a;

  /* Bordas */
  --color-border:         #f1f5f9;

  /* ----------------------------------------
     Tipografia
  ---------------------------------------- */
  --font:                 'Plus Jakarta Sans', sans-serif;

  --text-xs:              10px;
  --text-sm:              12px;
  --text-base:            13px;
  --text-md:              17.5px;
  --text-lg:              18px;
  --text-xl:              31.5px;
  --text-2xl:             32px;
  --text-3xl:             48px;
  --text-4xl:             56px;

  --weight-regular:       400;
  --weight-medium:        500;
  --weight-bold:          700;
  --weight-extrabold:     800;

  --tracking-tight:       -2px;
  --tracking-mid:         -1.2px;
  --tracking-sm:          -0.525px;

  /* ----------------------------------------
     Layout
  ---------------------------------------- */
  --container-max:        1440px;
  --container-pad:        clamp(20px, 5vw, 120px);

  /* ----------------------------------------
     Border radius
  ---------------------------------------- */
  --radius-sm:            5px;
  --radius-md:            10px;
  --radius-pill:          500px;
  --radius-full:          9999px;

  /* ----------------------------------------
     Espaçamento
  ---------------------------------------- */
  --space-1:   8px;
  --space-2:  16px;
  --space-3:  24px;
  --space-4:  32px;
  --space-5:  48px;
  --space-6:  64px;
  --space-7:  80px;
  --space-8: 120px;
}