/* ============================================================
   Mundo Orgânico — Design System v2.1 (fonte da verdade: brief §3)
   ============================================================ */

@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("../fonts/lora-var-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/inter-var-latin.woff2") format("woff2");
}

:root {
  /* cores marca */
  --g900: #22301F;
  --g700: #3B4A33;
  --g500: #5F7050;
  --g300: #9DAC8C;
  --g100: #DCE2D3;
  --g50:  #F0F2EC;
  --t700: #7F3B1F;
  --t600: #9A4826;
  --t500: #B4552D;
  --t100: #F3DED2;
  --t50:  #FAF0E9;
  --c200: #E6D7BA;
  --c100: #F1E6D0;
  --c50:  #FAF5EA;

  /* neutras + semânticas */
  --ink:   #1C1C17;
  --gray6: #6B6B60;
  --gray3: #C9C0AC;
  --success: #3E7A44;
  --warning: #C98A2B;
  --error:   #C0392B;
  --info:    #3E6B8A;

  /* tipografia */
  --display: "Lora", Georgia, serif;          /* SÓ títulos e nomes de produto */
  --ui: "Inter", "Helvetica Neue", sans-serif; /* corpo, UI, tabelas, botões */

  /* escala: 12/14/16/18/21/28/36/48/60 · leading 1.15 títulos, 1.6 corpo */
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-21: 1.3125rem;
  --fs-28: 1.75rem;
  --fs-36: 2.25rem;
  --fs-48: 3rem;
  --fs-60: 3.75rem;
  --fs-hero: clamp(1.9rem, 1rem + 3.4vw, 3.3rem);
  --fs-h2: clamp(1.75rem, 1.1rem + 2.6vw, 3rem);

  /* espaçamento base 4px: 4/8/12/16/24/32/48/64/96 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-24: 96px;
  --space-section: clamp(4rem, 3rem + 5vw, 8rem);

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-md: 0 4px 12px rgba(34, 48, 31, .12); /* sombra sempre com tinta verde */
  --shadow-lg: 0 16px 40px rgba(34, 48, 31, .18);

  --ease: cubic-bezier(.16, 1, .3, 1);
  --dur: .25s;
  --focus: 0 0 0 3px rgba(180, 85, 45, .35);

  /* caps-label: uppercase, tracking .09em–.14em (eco do descritor da marca) */
  --track-label: .11em;
  --track-stamp: .14em;

  --nav-h: 72px;
}