/* ═══════════════════════════════════════════
   ORGANNAH — Design Tokens
   Versão 3.0 | Junho 2026
   ═══════════════════════════════════════════ */

:root {
  /* ── BRANDBOOK — Paleta Oficial ── */
  --color-essencia:   #103F27;   /* Verde profundo — âncora da marca */
  --color-bem-estar:  #FF9B2D;   /* Laranja vibrante — destaques e CTAs */
  --color-vitalidade: #B54500;   /* Laranja escuro — urgência e energia */
  --color-saude:      #6B371E;   /* Marrom quente — solidez e terra */
  --color-natural:    #466340;   /* Verde médio — equilíbrio */
  --color-cuidado:    #FDC38C;   /* Pêssego claro — afeto e suavidade */
  --color-potencia:   #160807;   /* Quase preto — contraste máximo */
  --color-leveza:     #F9EAE1;   /* Creme rosado — fundos e respiro */

  /* ── ALIASES FUNCIONAIS (mantêm compatibilidade com components.css) ── */
  --color-brand-essencia: var(--color-essencia);
  --color-brand-leveza:   var(--color-leveza);
  --color-green-900:      #1A3A0A;
  --color-green-700:      var(--color-essencia);
  --color-green-500:      var(--color-natural);
  --color-green-100:      #EBF2E4;
  --color-green-50:       #F5FAF2;

  --color-gold-500:       var(--color-bem-estar);
  --color-gold-300:       var(--color-cuidado);
  --color-gold-100:       #FFF4E8;

  /* ── NEUTROS ── */
  --color-white:       #FFFFFF;
  --color-gray-50:     #F9F9F7;
  --color-gray-100:    #F0EFEB;
  --color-gray-400:    #9B9B8E;
  --color-gray-700:    #3A3A35;
  --color-gray-900:    #1C1C18;

  /* ── TIPOGRAFIA ── */
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter Tight', sans-serif;

  /* ── ESCALA DE TEXTO ── */
  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  clamp(1.75rem, 3vw, 2.5rem);
  --text-4xl:  clamp(2.25rem, 4vw, 3.25rem);
  --text-hero: clamp(2.5rem, 5vw, 3.75rem);

  /* ── PESOS ── */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ── ESPAÇAMENTO (base 4px) ── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;

  --section-y: clamp(4rem, 8vw, 7rem);
  --section-x: clamp(1.25rem, 5vw, 4rem);
  --container: 1200px;

  /* ── BORDAS ── */
  --radius-sm:   0.375rem;
  --radius-md:   0.75rem;
  --radius-lg:   1.25rem;
  --radius-xl:   2rem;
  --radius-full: 9999px;

  /* ── SOMBRAS ── */
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:    0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
  --shadow-lg:    0 12px 40px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);
  --shadow-green: 0 8px 32px rgba(45, 80, 22, 0.22);

  /* ── TRANSIÇÕES ── */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 350ms ease;
}