/* Design tokens. Cores, tipografia e espacamentos medidos no layout de
   referencia (public/assets/layout example/landing-page-girassol.pdf), que e um
   export vetorial de 412px de largura. Os valores minimos das escalas com
   clamp() correspondem exatamente ao PDF nessa largura. */

:root {
  /* Cores de fundo */
  --cor-fundo: #fff8e8;
  --cor-fundo-alt: #fffdf6;
  --cor-fundo-alt2: #fff7e8;
  --cor-superficie: #ffffff;

  /* Cores de marca */
  --cor-verde-escuro: #123d25;
  --cor-marrom-escuro: #37140c;
  --cor-marrom-rodape: #523025;
  --cor-lima: #e5efb1;
  --cor-laranja: #ff751f;
  --cor-laranja-escuro: #e2600f;
  --cor-amarelo: #ffd83d;
  --cor-whatsapp: #1fae51;
  --cor-whatsapp-escuro: #178f41;

  /* Texto */
  --cor-texto: #37140c;
  --cor-texto-suave: #6f5141;
  --cor-texto-claro: #e6eddf;
  --cor-texto-claro-suave: #dfe9d9;
  --cor-texto-lima: #455124;

  /* Superficies decorativas */
  --cor-citacao-fundo: #fff4df;
  --cor-citacao-borda: #ffb777;
  --cor-borda: #f0e3d2;
  --cor-borda-forte: #e6d4c2;

  --cor-erro: #9b2c2c;
  --cor-erro-fundo: #fdf0ef;

  --cor-foco: #37140c;

  /* Tipografia */
  --fonte-titulo: "Poppins", "Segoe UI", system-ui, sans-serif;
  --fonte-corpo: "Inter", "Segoe UI", system-ui, sans-serif;
  --fonte-citacao: Georgia, "Times New Roman", serif;

  /* Escala: o primeiro valor do clamp e o do PDF a 412px. */
  --texto-micro: 0.6875rem; /* 11px */
  --texto-xs: 0.75rem; /* 12px */
  --texto-sm: 0.8125rem; /* 13px */
  --texto-md: 0.875rem; /* 14px */
  --texto-base: 1rem; /* 16px */
  --texto-lg: 1.0625rem; /* 17px */
  --texto-xl: clamp(1.3125rem, 1.164rem + 0.58vw, 1.625rem); /* 21px -> 26px */
  --texto-2xl: clamp(1.75rem, 1.617rem + 1.73vw, 3rem); /* 33px -> 48px */
  --texto-3xl: clamp(2.125rem, 1.88rem + 2.65vw, 4rem); /* 41px -> 64px */
  --texto-preco: clamp(3.625rem, 3rem + 2.4vw, 5rem); /* 58px */

  --peso-normal: 400;
  --peso-medio: 500;
  --peso-semi: 600;
  --peso-forte: 700;

  --altura-titulo: 1.06;
  --altura-corpo: 1.45;

  --trilha-eyebrow: 0.14em;

  /* Espacamento */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 0.75rem;
  --esp-4: 1rem;
  --esp-5: 1.5rem;
  --esp-6: 2rem;
  --esp-7: 2.5rem;
  --esp-8: 3rem;
  --esp-9: 4rem;
  --esp-10: 5rem;

  --secao-y: clamp(3rem, 2rem + 4.5vw, 5.5rem);

  /* Layout */
  --largura-max: 1180px;
  --largura-texto: 60ch;
  --gutter: clamp(1.125rem, 0.8rem + 1.5vw, 2.5rem);
  --altura-header: 58px;

  /* Formas */
  --raio-sm: 10px;
  --raio-md: 16px;
  --raio-lg: 24px;
  --raio-pill: 999px;

  --sombra-sm: 0 1px 2px rgb(55 20 12 / 6%), 0 2px 8px rgb(55 20 12 / 5%);
  --sombra-md: 0 4px 12px rgb(55 20 12 / 8%), 0 12px 32px rgb(55 20 12 / 6%);
  --sombra-lg: 0 8px 24px rgb(55 20 12 / 12%), 0 24px 60px rgb(55 20 12 / 10%);

  --transicao: 180ms cubic-bezier(0.4, 0, 0.2, 1);
}