/* ============================================================
   DESIGN TOKENS — extraídos fielmente do Figma
   Fazenda Canaã · Landing Page Sementes de Amendoim
   ============================================================ */

:root {
  /* ── Brand Green ── */
  --color-brand-green-50:  #f5f8ea;
  --color-brand-green-100: #e7efcb;
  --color-brand-green-300: #b7c94a;
  --color-brand-green-500: #95a524;
  --color-brand-green-700: #5f6b13;
  --color-brand-green-900: #3e470c;

  /* ── Earth ── */
  --color-earth-50:  #fdf8f2;
  --color-earth-100: #faefe1;
  --color-earth-200: #ffead1;
  --color-earth-300: #ffdab0;
  --color-earth-400: #e4c39d;
  --color-earth-500: #7a4e33;
  --color-earth-700: #4a2d1f;
  --color-earth-900: #2e1b12;

  /* ── Neutral ── */
  --color-neutral-white: #faf7f2;
  --color-neutral-gray:  #948b83;

  /* ── Typography ── */
  --font-heading: 'Sora', sans-serif;
  --font-body:    'Manrope', sans-serif;

  /* ── Font Sizes ── */
  --text-display: 80px;
  --text-hero:    72px;
  --text-h2:      48px;
  --text-h3:      32px;
  --text-h4:      24px;
  --text-lg:      20px;
  --text-md:      18px;
  --text-sm:      16px;

  /* ── Line Heights ── */
  --lh-display: 1.2;
  --lh-heading: 1.25;
  --lh-body:    1.5;

  /* ── Letter Spacings ── */
  --ls-display: -0.36px;
  --ls-h2:      -0.24px;
  --ls-h4:      -0.12px;

  /* ── Spacing ── */
  --space-4:   4px;
  --space-6:   6px;
  --space-8:   8px;
  --space-16:  16px;
  --space-20:  20px;
  --space-24:  24px;
  --space-28:  28px;
  --space-32:  32px;
  --space-40:  40px;
  --space-48:  48px;
  --space-56:  56px;
  --space-60:  60px;
  --space-64:  64px;
  --space-72:  72px;
  --space-80:  80px;
  --space-112: 112px;

  /* ── Border Radius ── */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   49px;
  --radius-full: 999px;

  /* ── Shadows ── */
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);

  /* ── Z-index ── */
  --z-base:    0;
  --z-content: 10;
  --z-overlay: 50;
  --z-modal:   100;
}