/* ════════════════════════════════════════════════════════════════════
   TOKENS — variáveis CSS (cores, espaçamentos, fontes, sombras)
   Fonte única da verdade para a identidade visual do site.
   ════════════════════════════════════════════════════════════════════ */

:root {
  /* ── PALETA DOMINANTE: AZUL Savana 1 (Ipiranga) ── */
  --azul:        #1B36AA;     /* fundo do logo Savana 1 */
  --azul-light:  #2E54CC;     /* hover, glow */
  --azul-bright: #4870E8;     /* highlight, accent text */
  --azul-deep:   #0F2370;     /* gradient profundo */
  --azul-darker: #08123A;     /* sombra extrema */
  --azul-soft:   rgba(27,54,170,0.15);
  --savana1: var(--azul);                /* alias compat */
  --savana1-deep: var(--azul-deep);

  /* ── PALETA DOMINANTE: VERDE Savana 2 (Petrobras) ── */
  --verde:        #0E6B2D;    /* fundo do logo Savana 2 */
  --verde-light:  #18923D;    /* hover, glow */
  --verde-bright: #4ED877;    /* highlight, accent text */
  --verde-deep:   #073D17;    /* gradient profundo */
  --verde-darker: #04200B;    /* sombra extrema */
  --verde-soft:   rgba(14,107,45,0.15);
  --savana2: var(--verde);               /* alias compat */
  --savana2-deep: var(--verde-deep);

  /* ── ACENTO: dourado da marca (banner POSTOS) ── */
  --gold:      #EE9F1D;
  --gold-2:    #FFB732;
  --gold-deep: #B87A14;
  --gold-soft: rgba(238,159,29,0.12);

  /* ── ESCUROS COM TINGE AZUL-VERDE (não preto puro) ── */
  --dark:       #060D18;      /* base */
  --dark2:      #0B1622;      /* superfícies elevadas */
  --dark3:      #142434;      /* cards */
  --dark4:      #1D2F44;
  --dark-azul:  #08122E;      /* zona dominante azul */
  --dark-verde: #061B0E;      /* zona dominante verde */

  /* ── TEXTO ── */
  --silver:  #D9DBDC;         /* wordmark SAVANA */
  --text:    #F5F5F5;
  --text-2:  #C5CDD9;
  --muted:   #8A9AAF;

  /* ── BANDEIRAS OFICIAIS ── */
  --ipiranga:  #FF8400;
  --petrobras: #00CC44;

  /* ── BORDAS ── */
  --border:        rgba(238,159,29,0.16);
  --border-azul:   rgba(46,84,204,0.35);
  --border-verde:  rgba(24,146,61,0.35);
  --border-soft:   rgba(255,255,255,0.08);

  /* ── GRADIENTES (assinatura visual: azul → verde) ── */
  --grad-dual:       linear-gradient(135deg, var(--azul) 0%, var(--azul-deep) 32%, var(--verde-deep) 68%, var(--verde) 100%);
  --grad-dual-soft:  linear-gradient(135deg, rgba(27,54,170,0.22) 0%, transparent 50%, rgba(14,107,45,0.22) 100%);
  --grad-azul-verde: linear-gradient(90deg, var(--azul-bright), var(--verde-bright));
  --grad-bg-azul:    radial-gradient(ellipse at 20% 0%, rgba(27,54,170,0.18) 0%, transparent 60%);
  --grad-bg-verde:   radial-gradient(ellipse at 80% 100%, rgba(14,107,45,0.18) 0%, transparent 60%);

  /* ── SOMBRAS ── */
  --shadow-card:  0 10px 40px rgba(0,0,0,0.55);
  --shadow-azul:  0 12px 36px rgba(27,54,170,0.32);
  --shadow-verde: 0 12px 36px rgba(14,107,45,0.32);
  --shadow-gold:  0 8px 32px rgba(238,159,29,0.28);

  /* ── EASING ── */
  --ease:     cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}