/* Rede Sol — design tokens (base branca fixa + paleta viva da marca) */
:root {
  color-scheme: light;

  /* Cores oficiais Rede Sol */
  --rs-amarelo: #FFEC32;
  --rs-laranja: #E49227;
  --rs-marrom:  #875127;
  --rs-azul:    #0066A6;

  /* Papéis semânticos — base branca */
  --bg:        #FFFDF9;
  --surface:   #FFFFFF;
  --surface-2: #FFF7E9;   /* creme claríssimo para blocos alternados */
  --text:      #241A12;
  --muted:     #7A6A58;
  --border:    #EFE3D2;

  --accent:        var(--rs-laranja);
  --accent-strong: var(--rs-marrom);
  --on-accent:     #3A2408;
  --blue:          var(--rs-azul);
  --on-blue:       #FFFFFF;
  --wa:            #25D366;   /* verde WhatsApp */
  --on-wa:         #08351B;

  /* Gradientes "sol" */
  --sun-strip: linear-gradient(90deg, var(--rs-amarelo), var(--rs-laranja) 70%, #D97B1E);
  --sun-glow:  radial-gradient(120% 130% at 88% -10%, rgba(255,236,50,.55), rgba(228,146,39,.18) 42%, rgba(228,146,39,0) 66%);

  /* Tipografia */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: var(--font-body);
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.6rem;
  --step-3: 2rem;
  --step-4: 2.6rem;
  --step-5: clamp(2.2rem, 6vw, 3.4rem);

  /* Espaçamento e layout */
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem; --sp-6: 3rem; --sp-8: 4rem;
  --maxw: 1120px;
  --radius: 16px;
  --radius-sm: 10px;

  /* Sombras (profundidade) */
  --shadow-sm: 0 1px 2px rgba(36,26,18,.06), 0 2px 6px rgba(36,26,18,.05);
  --shadow-md: 0 2px 6px rgba(36,26,18,.06), 0 12px 28px -14px rgba(135,81,39,.28);
  --shadow-lg: 0 10px 40px -16px rgba(135,81,39,.35);
}