/* GERADO por tools/gen-tokens.py a partir de theme.json. Nao editar a mao.
   Ponte entre os nomes de token das maquetas e os presets do WordPress.
   theme.json e a unica fonte de verdade: nenhum valor de cor aqui. */

:root{
  --color-brand-100:var(--wp--preset--color--brand-100);
  --color-brand-200:var(--wp--preset--color--brand-200);
  --color-brand-300:var(--wp--preset--color--brand-300);
  --color-brand-400:var(--wp--preset--color--brand-400);
  --color-brand-500:var(--wp--preset--color--brand-500);
  --color-brand-600:var(--wp--preset--color--brand-600);
  --color-brand-700:var(--wp--preset--color--brand-700);
  --color-brand-750:var(--wp--preset--color--brand-750);
  --color-brand-800:var(--wp--preset--color--brand-800);
  --color-brand-850:var(--wp--preset--color--brand-850);
  --color-brand-900:var(--wp--preset--color--brand-900);
  --color-primary-100:var(--wp--preset--color--primary-100);
  --color-primary-200:var(--wp--preset--color--primary-200);
  --color-primary-300:var(--wp--preset--color--primary-300);
  --color-primary-400:var(--wp--preset--color--primary-400);
  --color-primary-500:var(--wp--preset--color--primary-500);
  --color-primary-600:var(--wp--preset--color--primary-600);
  --color-primary-700:var(--wp--preset--color--primary-700);
  --color-primary-800:var(--wp--preset--color--primary-800);
  --color-primary-900:var(--wp--preset--color--primary-900);
  --color-secondary-100:var(--wp--preset--color--secondary-100);
  --color-secondary-200:var(--wp--preset--color--secondary-200);
  --color-secondary-300:var(--wp--preset--color--secondary-300);
  --color-secondary-400:var(--wp--preset--color--secondary-400);
  --color-secondary-500:var(--wp--preset--color--secondary-500);
  --color-secondary-600:var(--wp--preset--color--secondary-600);
  --color-secondary-700:var(--wp--preset--color--secondary-700);
  --color-secondary-800:var(--wp--preset--color--secondary-800);
  --color-secondary-900:var(--wp--preset--color--secondary-900);
  --color-neutral-100:var(--wp--preset--color--neutral-100);
  --color-neutral-200:var(--wp--preset--color--neutral-200);
  --color-neutral-300:var(--wp--preset--color--neutral-300);
  --color-neutral-400:var(--wp--preset--color--neutral-400);
  --color-neutral-500:var(--wp--preset--color--neutral-500);
  --color-neutral-600:var(--wp--preset--color--neutral-600);
  --color-neutral-700:var(--wp--preset--color--neutral-700);
  --color-neutral-800:var(--wp--preset--color--neutral-800);
  --color-neutral-900:var(--wp--preset--color--neutral-900);
  --color-blue-100:var(--wp--preset--color--blue-100);
  --color-blue-200:var(--wp--preset--color--blue-200);
  --color-blue-300:var(--wp--preset--color--blue-300);
  --color-blue-400:var(--wp--preset--color--blue-400);
  --color-blue-500:var(--wp--preset--color--blue-500);
  --color-blue-600:var(--wp--preset--color--blue-600);
  --color-blue-700:var(--wp--preset--color--blue-700);
  --color-blue-800:var(--wp--preset--color--blue-800);
  --color-blue-900:var(--wp--preset--color--blue-900);
  --color-green-100:var(--wp--preset--color--green-100);
  --color-green-200:var(--wp--preset--color--green-200);
  --color-green-300:var(--wp--preset--color--green-300);
  --color-green-400:var(--wp--preset--color--green-400);
  --color-green-500:var(--wp--preset--color--green-500);
  --color-green-600:var(--wp--preset--color--green-600);
  --color-green-700:var(--wp--preset--color--green-700);
  --color-green-800:var(--wp--preset--color--green-800);
  --color-green-900:var(--wp--preset--color--green-900);
  --color-red-100:var(--wp--preset--color--red-100);
  --color-red-200:var(--wp--preset--color--red-200);
  --color-red-300:var(--wp--preset--color--red-300);
  --color-red-400:var(--wp--preset--color--red-400);
  --color-red-500:var(--wp--preset--color--red-500);
  --color-red-600:var(--wp--preset--color--red-600);
  --color-red-700:var(--wp--preset--color--red-700);
  --color-red-800:var(--wp--preset--color--red-800);
  --color-red-900:var(--wp--preset--color--red-900);
  --color-yellow-100:var(--wp--preset--color--yellow-100);
  --color-yellow-200:var(--wp--preset--color--yellow-200);
  --color-yellow-300:var(--wp--preset--color--yellow-300);
  --color-yellow-400:var(--wp--preset--color--yellow-400);
  --color-yellow-500:var(--wp--preset--color--yellow-500);
  --color-yellow-600:var(--wp--preset--color--yellow-600);
  --color-yellow-700:var(--wp--preset--color--yellow-700);
  --color-yellow-800:var(--wp--preset--color--yellow-800);
  --color-yellow-900:var(--wp--preset--color--yellow-900);
  --color-white:var(--wp--preset--color--white);
  --color-black:var(--wp--preset--color--black);

  /* Alfas de branco, usados sobre a marca. Um var() por definir faz
     colapsar a declaracao inteira, por isso vivem aqui (§DECISOES). */
  --alpha-white-10:var(--wp--custom--alpha-white--10);
  --alpha-white-12:var(--wp--custom--alpha-white--12);
  --alpha-white-14:var(--wp--custom--alpha-white--14);
  --alpha-white-18:var(--wp--custom--alpha-white--18);
  --alpha-white-25:var(--wp--custom--alpha-white--25);
  --alpha-white-35:var(--wp--custom--alpha-white--35);
  --alpha-white-45:var(--wp--custom--alpha-white--45);
  --alpha-white-50:var(--wp--custom--alpha-white--50);
  --alpha-white-55:var(--wp--custom--alpha-white--55);
  --alpha-white-60:var(--wp--custom--alpha-white--60);
  --alpha-white-65:var(--wp--custom--alpha-white--65);
  --alpha-white-86:var(--wp--custom--alpha-white--86);

  /* Slugs do tema-mae, mapeados para tokens da APM. */
  --wp--preset--color--contrast:var(--wp--preset--color--neutral-900);
  --wp--preset--color--accent-4:var(--wp--preset--color--neutral-600);
  --wp--preset--color--accent-5:var(--wp--preset--color--neutral-500);
  --wp--preset--color--accent-6:var(--wp--preset--color--neutral-400);
  --wp--preset--color--base:var(--wp--preset--color--white);

  --gradient-hero:var(--wp--preset--gradient--hero);

  --f-btn-lg:var(--wp--custom--button--font-size-lg);
  --f-btn:var(--wp--custom--button--font-size);
  --f-btn-sm:var(--wp--custom--button--font-size-sm);
  --lh-btn:var(--wp--custom--button--line-height);
  --tk-btn:var(--wp--custom--button--letter-spacing);
  --w-btn:var(--wp--custom--button--font-weight);
  --focus-ring:var(--wp--custom--focus-ring);
  --hdr-border:var(--wp--custom--hdr-border);
  --lh-display:var(--wp--custom--line-height--display);
  --lh-title:var(--wp--custom--line-height--title);
  --lh-sub:var(--wp--custom--line-height--sub);
  --lh-body:var(--wp--custom--line-height--body);
  --lh-small:var(--wp--custom--line-height--small);
  --h-btn-xs:var(--wp--custom--button--height--xs);
  --h-btn-sm:var(--wp--custom--button--height--sm);
  --h-btn-md:var(--wp--custom--button--height--md);
  --h-btn-lg:var(--wp--custom--button--height--lg);
}
