/* ==========================================================
   AIR FRYER PRO - DESIGN SYSTEM & VARIÁVEIS CSS
   Identidade: Oliva Gourmet, Âmbar Dourado, Verde Conversão & Creme
   ========================================================== */

:root {
  /* ===== Paleta de Cores Primárias & Gastronômicas ===== */
  --oliva-deep:       #2A300E;
  --oliva-dark:       #3E4515;
  --oliva-card:       #4F561D;
  --oliva-soft:       #676E4B;
  --oliva-border:     rgba(255, 253, 232, 0.16);

  /* ===== Cores de Ação, Conversão & Destaque ===== */
  --cta-green:        #43B34D;
  --cta-green-hover:  #349E3D;
  --cta-green-glow:   rgba(67, 179, 77, 0.45);

  --ambar:            #D68839;
  --ambar-hover:      #BF7528;
  --ambar-glow:       rgba(214, 136, 57, 0.40);

  --neon:             #2BFF4E;
  --neon-glow:        rgba(43, 255, 78, 0.35);

  --alerta-red:       #E64942;
  --alerta-red-soft:  rgba(230, 73, 66, 0.18);

  /* ===== Superfícies & Fundos ===== */
  --bg-creme:         #FFFDF0;
  --bg-creme-soft:    #F5F1D7;
  --bg-creme-card:    #FFFFFF;
  --bg-dark-section:  #5D6343;

  /* ===== Cores de Tipografia ===== */
  --txt-dark:         #191C0E;
  --txt-muted:        #575D42;
  --txt-light:        #FFFDF0;
  --txt-light-sub:    rgba(255, 253, 232, 0.88);

  /* ===== Tipografia ===== */
  --font-head:        'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body:        'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ===== Layout & Espaçamento ===== */
  --container-max:    1180px;
  --container-pad:    20px;
  --radius-sm:        8px;
  --radius-md:        14px;
  --radius-lg:        22px;
  --radius-pill:      999px;

  /* ===== Sombras de Alta Percepção de Valor ===== */
  --shadow-sm:        0 4px 12px rgba(25, 28, 14, 0.08);
  --shadow-card:      0 12px 32px -10px rgba(25, 28, 14, 0.18);
  --shadow-card-dark: 0 16px 40px -12px rgba(0, 0, 0, 0.45);
  --shadow-cta:       0 12px 28px -6px rgba(67, 179, 77, 0.55);
  --shadow-ambar:     0 12px 28px -6px rgba(214, 136, 57, 0.55);

  /* ===== Transições Fluidas ===== */
  --trans-fast:       all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  --trans-smooth:     all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}