/* ============================================================
   INTRANET RANCHO S — variables.css
   Tokens de design: cores, sombras, bordas, tipografia base
   ============================================================ */

:root {
  /* — Paleta principal (baseada no logo Rancho S) — */
  --verde-escuro:   #2d5016;   /* fundo topbar, botões primários */
  --verde-medio:    #3d6e1e;   /* hover, gradientes */
  --verde-limao:    #8dc63f;   /* acento secundário, destaques */
  --verde-limao-2:  #b8e064;   /* textos claros sobre verde escuro */
  --verde-suave:    #eef3e8;   /* surface alternativa */
  --verde-borda:    #c5d9a8;   /* bordas suaves */

  /* — Superfícies — */
  --bg:       #f5f7f3;
  --surface:  #ffffff;
  --surface2: #eef3e8;
  --border:   #c5d9a8;

  /* — Semânticas — */
  --accent:   var(--verde-escuro);
  --accent2:  var(--verde-limao);
  --success:  #4a8c1c;
  --danger:   #c0392b;
  --warning:  #d4831a;
  --info:     #2d5016;

  /* — Texto — */
  --text:   #1a2e0d;
  --text2:  #4a6a2a;
  --text3:  #8aaa6a;

  /* — Forma — */
  --radius:    12px;
  --radius-sm:  8px;
  --radius-lg: 20px;

  /* — Sombra — */
  --shadow:    0 2px 16px rgba(45,80,22,0.10);
  --shadow-md: 0 4px 24px rgba(45,80,22,0.14);
  --shadow-lg: 0 8px 40px rgba(45,80,22,0.18);
}