/* ============================================================
   NEOCENTER — CSS CUSTOM PROPERTIES (DESIGN TOKENS)
   Todas as variáveis globais do sistema de design da Neocenter
   ============================================================ */

:root {

  /* ----------------------------------------------------------
     CORES PRINCIPAIS
  ---------------------------------------------------------- */
  --neo-primary:        #943033;   /* bordô principal */
  --neo-primary-dark:   #7a2729;   /* bordô escuro (hover, footer legal) */
  --neo-primary-light:  #b84044;   /* bordô claro */
  --neo-accent:         #F56E28;   /* laranja destaque */
  --neo-accent-dark:    #d45a1a;   /* laranja escuro (hover) */
  --neo-accent-light:   #f8895a;   /* laranja claro */
  --neo-gold:           #C6900F;   /* dourado — cor do "C" do logo Neocenter */
  --neo-gold-dark:      #A97800;   /* dourado escuro (hover) */

  /* ----------------------------------------------------------
     NEUTROS E FUNDOS
  ---------------------------------------------------------- */
  --neo-text:           #6a6a6a;   /* texto corrido */
  --neo-title:          #333333;   /* títulos */
  --neo-bg:             #fbfbfb;   /* fundo geral da página */
  --neo-bg-section:     #f5f5f5;   /* fundo seção alternada */
  --neo-white:          #ffffff;
  --neo-border:         #e8e8e8;

  /* ----------------------------------------------------------
     TIPOGRAFIA
  ---------------------------------------------------------- */
  --neo-font-family:    'Roboto', system-ui, -apple-system, sans-serif;
  --neo-font-size-xs:   clamp(0.75rem,  1.5vw, 0.875rem);
  --neo-font-size-sm:   clamp(0.875rem, 1.8vw, 1rem);
  --neo-font-size-base: clamp(1rem,     2vw,   1.0625rem);
  --neo-font-size-md:   clamp(1.125rem, 2.5vw, 1.25rem);
  --neo-font-size-lg:   clamp(1.25rem,  3vw,   1.5rem);
  --neo-font-size-xl:   clamp(1.5rem,   4vw,   2rem);
  --neo-font-size-2xl:  clamp(2rem,     5vw,   2.75rem);
  --neo-font-size-3xl:  clamp(2.5rem,   6vw,   3.5rem);

  --neo-font-weight-normal:    400;
  --neo-font-weight-medium:    500;
  --neo-font-weight-semibold:  600;
  --neo-font-weight-bold:      700;
  --neo-font-weight-black:     900;

  --neo-line-height-tight:   1.2;
  --neo-line-height-snug:    1.4;
  --neo-line-height-normal:  1.6;
  --neo-line-height-relaxed: 1.75;

  /* ----------------------------------------------------------
     ESPAÇAMENTOS
  ---------------------------------------------------------- */
  --neo-space-1:   0.25rem;   /*  4px */
  --neo-space-2:   0.5rem;    /*  8px */
  --neo-space-3:   0.75rem;   /* 12px */
  --neo-space-4:   1rem;      /* 16px */
  --neo-space-5:   1.25rem;   /* 20px */
  --neo-space-6:   1.5rem;    /* 24px */
  --neo-space-8:   2rem;      /* 32px */
  --neo-space-10:  2.5rem;    /* 40px */
  --neo-space-12:  3rem;      /* 48px */
  --neo-space-16:  4rem;      /* 64px */
  --neo-space-20:  5rem;      /* 80px */
  --neo-space-24:  6rem;      /* 96px */

  /* ----------------------------------------------------------
     BORDER RADIUS
  ---------------------------------------------------------- */
  --neo-radius-sm:   0.25rem;   /*  4px */
  --neo-radius-md:   0.5rem;    /*  8px */
  --neo-radius-lg:   0.75rem;   /* 12px */
  --neo-radius-xl:   1rem;      /* 16px */
  --neo-radius-2xl:  1.5rem;    /* 24px */
  --neo-radius-full: 9999px;

  /* ----------------------------------------------------------
     SOMBRAS
  ---------------------------------------------------------- */
  --neo-shadow-xs:  0 1px 2px rgba(0,0,0,.06);
  --neo-shadow-sm:  0 2px 8px rgba(0,0,0,.08);
  --neo-shadow-md:  0 4px 16px rgba(0,0,0,.10);
  --neo-shadow-lg:  0 8px 32px rgba(0,0,0,.12);
  --neo-shadow-xl:  0 16px 48px rgba(0,0,0,.16);
  --neo-shadow-primary: 0 4px 20px rgba(148,48,51,.25);
  --neo-shadow-accent:  0 4px 20px rgba(245,110,40,.25);

  /* ----------------------------------------------------------
     TRANSIÇÕES
  ---------------------------------------------------------- */
  --neo-transition-fast:    150ms ease;
  --neo-transition-base:    250ms ease;
  --neo-transition-slow:    400ms ease;
  --neo-transition-spring:  300ms cubic-bezier(.34,1.56,.64,1);

  /* ----------------------------------------------------------
     Z-INDEX
  ---------------------------------------------------------- */
  --neo-z-base:     1;
  --neo-z-dropdown: 100;
  --neo-z-sticky:   200;
  --neo-z-fixed:    300;
  --neo-z-overlay:  400;
  --neo-z-modal:    500;
  --neo-z-toast:    600;

  /* ----------------------------------------------------------
     BREAKPOINTS (referência — use via media query)
     sm: 576px | md: 768px | lg: 992px | xl: 1200px | xxl: 1400px
  ---------------------------------------------------------- */
}