/* ============================================================
   NUTS PREMIUM - 01-base.css
   Variáveis, reset e tipografia
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700&family=Roboto:wght@300;400;500&display=swap');

/* ============================================================
   :ROOT
   ============================================================ */
:root {
  --np-primary:        #2a331e;
  --np-secondary:      #ff8b00;
  --np-secondary-dark: #ca5600;
  --np-secondary-light:#F0CC8C;
  --np-accent:         #FF8C00;
  --np-accent-dark:    #C2540A;
  --np-white:          #FFFFFF;
  --np-off-white:      #F7F4EF;
  --np-light-grey:     #f4f4f4;
  --np-grey:           #7A7A7A;
  --np-dark-grey:      #333333;
  --np-black:          #111111;
  --np-success:        #4A6812;
  --np-warning:        #D4A24C;
  --np-danger:         #dc3545;
  --np-info:           #0dcaf0;
  --np-font-heading:   'Poppins', sans-serif;
  --np-font-body:      'Montserrat', sans-serif;
  --np-font-text:      'Roboto', sans-serif;
  --np-fs-xs:   0.75rem;
  --np-fs-sm:   0.875rem;
  --np-fs-base: 1rem;
  --np-fs-md:   1.125rem;
  --np-fs-lg:   1.5rem;
  --np-fs-xl:   2rem;
  --np-fs-xxl:  2.5rem;
  --np-fs-hero: 3rem;
  --np-fw-light:   300;
  --np-fw-regular: 400;
  --np-fw-medium:  500;
  --np-fw-semibold:600;
  --np-fw-bold:    700;
  --np-fw-black:   800;
  --np-spacing-xs:  4px;
  --np-spacing-sm:  8px;
  --np-spacing-md:  16px;
  --np-spacing-lg:  24px;
  --np-spacing-xl:  40px;
  --np-spacing-xxl: 64px;
  --np-radius-sm:  4px;
  --np-radius-md:  8px;
  --np-radius-lg:  16px;
  --np-radius-xl:  24px;
  --np-radius-pill:100px;
  --np-shadow-sm:  0 2px 8px rgba(0,0,0,0.08);
  --np-shadow-md:  0 4px 20px rgba(0,0,0,0.12);
  --np-shadow-lg:  0 8px 40px rgba(0,0,0,0.16);
  --np-shadow-card:0 2px 16px rgba(212,162,76,0.12);
  --np-transition: all 0.25s ease;
  --np-transition-slow: all 0.4s ease;
  --np-max-width: 1200px;
  --np-header-height: 80px;
}

/* ============================================================
   RESET E BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: var(--np-max-width) !important;
}

body {
  font-family: var(--np-font-text);
  font-weight: var(--np-fw-regular);
  color: var(--np-primary);
  background-color: var(--np-white);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--np-font-heading);
  font-weight: var(--np-fw-bold);
  line-height: 1.2;
  color: var(--np-primary);
}

a {
  color: var(--np-secondary);
  text-decoration: none;
  transition: var(--np-transition);
}
a:hover { color: var(--np-secondary-dark); }
img { max-width: 100%; height: auto; }