/* ============================================
   TOKENS — Brunetto Serviços Terceirizados
   Design System — Single Source of Truth
   ============================================ */

:root {
  /* ─── COLORS ─────────────────────────────── */
  --color-primary:        #00A651;
  --color-primary-dark:   #008C44;
  --color-primary-light:  #E6F7EE;
  --color-accent:         #CC0000;
  --color-accent-soft:    #D94B4B;
  --color-accent-dark:    #8F1F1F;
  --color-accent-light:   #FFF5F5;
  --color-whatsapp:       #25D366;

  --color-white:          #FFFFFF;
  --color-gray-light:     #F5F5F5;
  --color-gray-mid:       #CCCCCC;
  --color-gray-border:    #E0E0E0;
  --color-gray-text:      #555555;
  --color-black:          #1A1A1A;

  /* ─── TYPOGRAPHY ──────────────────────────── */
  --font-heading:  'Montserrat', sans-serif;
  --font-body:     'Inter', sans-serif;

  --font-regular:  400;
  --font-medium:   500;
  --font-semibold: 600;
  --font-bold:     700;
  --font-extrabold:800;

  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.0625rem;  /* 17px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --text-3xl:  1.75rem;    /* 28px */
  --text-4xl:  2.5rem;     /* 40px */
  --text-5xl:  3.5rem;     /* 56px */

  --leading-tight:  1.15;
  --leading-normal: 1.5;
  --leading-relaxed:1.7;

  --tracking-normal: 0;
  --tracking-wide:   0.08em;

  /* ─── SPACING ─────────────────────────────── */
  --space-xs:  0.5rem;   /*  8px */
  --space-sm:  1rem;     /* 16px */
  --space-md:  1.5rem;   /* 24px */
  --space-lg:  2.5rem;   /* 40px */
  --space-xl:  4rem;     /* 64px */
  --space-2xl: 6rem;     /* 96px */
  --space-3xl: 8rem;     /* 128px */

  /* ─── BORDER RADIUS ───────────────────────── */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* ─── SHADOWS ─────────────────────────────── */
  --shadow-sm:     0 1px 3px rgba(0,0,0,.08);
  --shadow-card:   0 8px 24px rgba(0,0,0,.08);
  --shadow-header: 0 2px 16px rgba(0,0,0,.08);
  --shadow-btn:    0 4px 12px rgba(0,166,81,.35);
  --shadow-xl:     0 16px 48px rgba(0,0,0,.14);

  /* ─── TRANSITIONS ─────────────────────────── */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* ─── LAYOUT ──────────────────────────────── */
  --container-max: 1200px;
  --header-height: 72px;
  --header-height-mobile: 60px;
}