/* Tokens da marca · direção "Botânica profissional".
   Interface clara, verde e humana; preto e dourado ficam nas embalagens reais e no logo.
   Toda cor usada no site sai daqui. Os nomes antigos (--ink, --paper, --gold...) continuam
   existindo como apelidos para as páginas internas e apontam para a nova paleta. */
:root {
  /* ---------- Paleta ---------- */
  --color-ink: #000000; /* texto principal (preto) */
  --color-green-900: #244734; /* títulos, CTA principal, blocos escuros, rodapé */
  --color-green-700: #315b43; /* links, ícones, hover */
  --color-green-500: #4f755c; /* decorativo; nunca texto pequeno sobre mint */
  --color-mint-400: #c0d1c2; /* cor-assinatura */
  --color-mint-100: #e8f0e8; /* cards, hover, alternância */
  --color-sand-300: #e2d6c4; /* cards editoriais, institucional */
  --color-ivory-200: #f6ece1; /* storytelling, seções acolhedoras */
  --color-cloud-100: #f5f2f1; /* fundo geral */
  --color-white: #ffffff;
  --color-coral-700: #a94629; /* acento comercial pontual */
  --color-apricot-300: #f3a47d; /* grafismos, tags (sempre com texto escuro) */
  --color-linho-100: #ede8e2; /* linho claro: fundo do texto da hero da home no celular/tablet */
  --color-rose-700: #84464a; /* rosé: linha de abertura da hero da home (4,5:1 sobre a parede verde da foto) */
  --color-cena-parede: #ddcaad; /* tons das fotos em cena (5 passos): parede clara */
  --color-cena-bancada: #d7ba9c; /* e bancada de pedra; só para palcos que imitam a cena */
  --color-preto: #111111; /* K do monograma em traço na hero da home */
  --color-ouro-logo: #d9a843; /* dourado da estrela do monograma K (arte em traço) */
  --color-ouro-brilho: #f6dc93; /* brilho da estrela cadente na arte em traço */

  /* Derivados (misturas das cores acima, sem hex solto) */
  --color-ink-hover: color-mix(in srgb, var(--color-ink) 78%, var(--color-white)); /* hover de botão preto */
  --color-ink-soft: color-mix(in srgb, var(--color-ink) 82%, var(--color-cloud-100)); /* texto de apoio: AA sobre mint-400 */
  --color-apricot-100: color-mix(in srgb, var(--color-apricot-300) 34%, var(--color-ivory-200));
  --color-green-950: color-mix(in srgb, var(--color-green-900) 82%, var(--color-ink));
  --color-on-dark: var(--color-ivory-200); /* texto sobre green-900 */
  --color-on-dark-soft: color-mix(in srgb, var(--color-ivory-200) 80%, var(--color-green-900));
  --color-line: color-mix(in srgb, var(--color-green-900) 16%, transparent);
  --color-line-strong: color-mix(in srgb, var(--color-green-900) 32%, transparent);
  --color-line-on-dark: color-mix(in srgb, var(--color-ivory-200) 22%, transparent);
  --color-focus: var(--color-green-700);
  --color-focus-on-dark: var(--color-mint-400);
  --color-error: var(--color-coral-700);

  /* ---------- Tipografia ---------- */
  --font-sans: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-serif: 'Bodoni Moda', 'Didot', 'Times New Roman', serif; /* só em palavra ou frase editorial curta */

  --fs-display-1: clamp(2.25rem, 1.4rem + 3.2vw, 4rem);
  --fs-display-2: clamp(1.85rem, 1.25rem + 2.2vw, 3rem);
  --fs-display-3: clamp(1.35rem, 1.1rem + 0.9vw, 1.75rem);
  --fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-micro: 0.75rem;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --lh-tight: 1.12;
  --lh-body: 1.65;
  --tracking-kicker: 0.16em;

  /* ---------- Espaço e forma ---------- */
  --gutter: clamp(1rem, 4vw, 2.5rem);
  --maxw: 1280px;
  --section: clamp(4rem, 2.2rem + 7vw, 7.5rem); /* ~64 px no mobile, ~120 px no desktop */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-soft: 0 1px 2px color-mix(in srgb, var(--color-green-900) 6%, transparent),
    0 12px 32px -18px color-mix(in srgb, var(--color-green-900) 28%, transparent);
  --shadow-lift: 0 2px 4px color-mix(in srgb, var(--color-green-900) 6%, transparent),
    0 22px 44px -22px color-mix(in srgb, var(--color-green-900) 34%, transparent);
  --header-h: 76px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---------- Apelidos legados (páginas internas) ---------- */
  --ink: var(--color-green-900);
  --ink-2: var(--color-green-950);
  --ink-3: var(--color-green-700);
  --paper: var(--color-cloud-100);
  --paper-2: var(--color-ivory-200);
  --paper-3: var(--color-sand-300);
  --gold: var(--color-mint-400);
  --gold-hi: var(--color-mint-100);
  --gold-deep: var(--color-green-700);
  --text: var(--color-ink);
  --text-soft: var(--color-ink-soft);
  --text-light: var(--color-on-dark);
  --text-light-soft: var(--color-on-dark-soft);
  --line: var(--color-line);
  --line-light: var(--color-line-on-dark);
  --f-display: var(--font-sans);
  --f-text: var(--font-sans);
}