/* ============================================================
   BioATP Intensivo — Tema B: Biome Evolved (primário)
   ============================================================ */
:root {
  /* Fundos */
  --bg:             #fff;
  --bg-alt:         #F2FBF9;
  --bg-surface:     #E3F7F3;

  /* Texto */
  --text:           #0A2A28;
  --text-muted:     #4A7570;

  /* Marca primária */
  --primary:        #0D9B87;
  --primary-dark:   #0A7D68;
  --primary-light:  #34B67A;

  /* Acento âmbar */
  --amber:          #E8A55F;
  --amber-bg:       #FEF6EC;
  --amber-border:   #F5E0C4;
  --amber-text:     #7A4A10;

  /* Bordas */
  --border:         #E3F7F3;
  --border-muted:   rgba(13, 155, 135, 0.12);

  /* Gradiente */
  --gradient-primary: linear-gradient(135deg, #0D9B87 0%, #34B67A 100%);

  /* Sombras */
  --shadow-sm:  0 2px 8px rgba(13, 155, 135, 0.08);
  --shadow-md:  0 6px 24px rgba(13, 155, 135, 0.14);
  --shadow-lg:  0 12px 40px rgba(13, 155, 135, 0.20);

  /* Tipografia */
  --font-title: 'DINNextRounded', system-ui, sans-serif;
  --font-body:  'Inter', system-ui, sans-serif;

  /* Escala tipográfica */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   18px;
  --text-xl:   24px;
  --text-2xl:  32px;
  --text-3xl:  42px;
  --text-4xl:  56px;
  --text-5xl:  72px;
  --text-price: 48px;

  /* Espaçamento */
  --space-section:    96px;
  --space-section-sm: 64px;

  /* Raios */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-pill: 999px;

  /* Container */
  --container-max: 1140px;
  --container-pad: 24px;

  /* Utilitários de cor */
  --text-on-dark-muted: rgba(255,255,255,.5);
}