/* Tyla — design tokens */
:root {
  /* Cores principais */
  --tyla-floresta: #081414;
  --tyla-linho: #F4F2EC;
  --tyla-salvia: #B2C6AE;
  --tyla-musgo: #3F5648;
  --tyla-folha: #7E9782;

  /* Escala Sálvia */
  --tyla-salvia-50: #F0F4EF;
  --tyla-salvia-100: #DCE6DA;
  --tyla-salvia-200: #C4D4C0;
  --tyla-salvia-300: #B2C6AE;
  --tyla-salvia-400: #97AF94;
  --tyla-salvia-500: #7E9782;
  --tyla-salvia-600: #627A68;
  --tyla-salvia-700: #4B6153;
  --tyla-salvia-800: #3F5648;
  --tyla-salvia-900: #22322A;

  /* Funcionais */
  --tyla-sucesso: #2F7D4A;
  --tyla-aviso: #C98A2B;
  --tyla-erro: #B8453A;

  /* Papéis */
  --tyla-bg: var(--tyla-linho);
  --tyla-surface: #FFFFFF;
  --tyla-text: var(--tyla-floresta);
  --tyla-text-muted: #2A3A33;
  --tyla-border: var(--tyla-salvia-100);
  --tyla-accent: var(--tyla-musgo);
  --tyla-accent-hover: var(--tyla-salvia-700);
  --tyla-leaf-gradient: linear-gradient(135deg, #B2C6AE, #3F5648);

  /* Tipografia */
  --tyla-font-display: 'Cormorant Garamond', Georgia, serif;
  --tyla-font-body: 'Instrument Sans', system-ui, sans-serif;
  --tyla-text-display: 4.5rem;   /* 72px */
  --tyla-text-h2: 2.75rem;       /* 44px */
  --tyla-text-h3: 1.5rem;        /* 24px */
  --tyla-text-body: 1rem;        /* 16px */
  --tyla-text-label: 0.8125rem;  /* 13px */
  --tyla-tracking-label: 0.16em;

  /* Forma */
  --tyla-radius-sm: 8px;
  --tyla-radius: 12px;
  --tyla-radius-pill: 999px;
  --tyla-icon-stroke: 1.5px;
}