/* =============================================================
   TOKENS — Variáveis globais de design
   Grupo Ingá — Site Institucional
   ============================================================= */

:root {

  /* --- CORES DA MARCA --- */

  /* Verde principal (mais vibrante e moderno) */
  --color-brand-green:        #2E7D32; /* Verde mais vivo */
  --color-brand-green-dark:   #1B5E20; /* Verde mais profundo */
  --color-brand-green-light:  #F1F8E9; /* Verde folha bem suave */
  --color-brand-green-mid:    #4CAF50; /* Verde vibrante intermediário */

  /* Dourado (mais rico e acetinado) */
  --color-brand-gold:         #D4AF37; /* Dourado clássico vibrante */
  --color-brand-gold-dark:    #8e5921; /* Bronze dourado escuro (da imagem) */
  --color-brand-gold-light:   #FFF8E1; /* Creme amanteigado */
  --color-brand-gold-bright:  #cfb87b; /* Dourado claro do reflexo metálico */

  /* --- GRADIENTES --- */
  --grad-green:    linear-gradient(135deg, #2E7D32 0%, #388E3C 50%, #43A047 100%);
  --grad-green-dark: linear-gradient(135deg, #12372A 0%, #1B4332 100%); /* Deep forest green */
  --grad-green-premium: linear-gradient(160deg, #1B4332 0%, #2D6A4F 100%);
  
  --grad-gold:     linear-gradient(135deg, var(--color-brand-gold) 0%, var(--color-brand-gold-dark) 100%);
  --grad-gold-metallic: linear-gradient(90deg, #8e5921 0%, #ae8645 20%, #f7ef8a 45%, #d2ac47 50%, #edc967 55%, #ae8645 80%, #a27839 100%);
  
  --grad-surface:  linear-gradient(180deg, var(--color-white) 0%, #FDFBF7 100%);
  --grad-cream:    linear-gradient(180deg, #FDFBF7 0%, #F5F1E6 100%);
  --grad-overlay:  linear-gradient(180deg, rgba(18, 55, 42, 0.4) 0%, rgba(18, 55, 42, 0.9) 100%);

  /* --- EFEITOS GLASS --- */
  --glass-bg:      rgba(255, 255, 255, 0.85);
  --glass-border:  rgba(255, 255, 255, 0.4);
  --glass-blur:    blur(12px);

  /* Neutros */
  --color-neutral-900:        #1A1A1A;
  --color-neutral-700:        #3D3D3D;
  --color-neutral-600:        #555555;
  --color-neutral-400:        #8A8A8A;
  --color-neutral-200:        #E8E8E8;
  --color-neutral-100:        #F5F5F5;
  --color-white:              #FFFFFF;

  /* Semânticas */
  --color-success:            #2D6A2D;
  --color-error:              #C0392B;

  /* --- TIPOGRAFIA --- */

  --font-primary: 'Inter', sans-serif;
  --font-serif: 'Inter', sans-serif; /* Substituição da familia de fonte conforme solicitado */

  --font-size-xs:   12px;
  --font-size-sm:   14px;
  --font-size-base: 16px;
  --font-size-lg:   18px;
  --font-size-xl:   22px;
  --font-size-2xl:  28px;
  --font-size-3xl:  36px;
  --font-size-4xl:  48px;
  --font-size-hero: 56px;

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

  --line-height-tight:  1.2;
  --line-height-normal: 1.6;
  --line-height-loose:  1.8;

  /* --- ESPAÇAMENTO --- */

  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --space-4xl: 128px;

  /* --- LAYOUT --- */

  --container-max:    1200px;
  --container-pad:    24px;
  --section-pad-y:    100px;
  --section-pad-y-sm:  60px;

  /* --- BORDAS E RAIOS --- */

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --radius-pill: 50px;

  --border-default: 1px solid var(--color-neutral-200);
  --border-brand:   1px solid var(--color-brand-green);
  --border-gold:    1px solid var(--color-brand-gold);

  /* --- SOMBRAS --- */

  --shadow-xs:   0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-sm:   0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md:   0 4px 16px rgba(0, 0, 0, 0.10);
  --shadow-lg:   0 8px 32px rgba(0, 0, 0, 0.12);

  /* --- TRANSIÇÕES --- */

  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow:   0.4s ease;

  /* --- Z-INDEX --- */

  --z-header:  100;
  --z-overlay: 200;
  --z-modal:   300;

}