/* Good Boy Lab (concept brand) tokens. Studio tokens first; this project's palette and type on top. */
@import url("tokens.css");
@import url("https://fonts.googleapis.com/css2?family=Gabarito:wght@500..900&family=Figtree:wght@400..800&display=swap");

:root {
  /* Palette: own the colour nobody in dental chews uses */
  --gbl-pink: #F4A0B4;       /* gum pink: the pouch */
  --gbl-pink-deep: #E2809A;  /* pink in shadow, gussets, seams */
  --gbl-pine: #14402F;       /* all type, the mark */
  --gbl-enamel: #FBF8F2;     /* light panels, teeth */
  --gbl-chew: #8DB255;       /* the product */
  --gbl-white: #FFFFFF;      /* Amazon main image background (must be pure white) */

  /* Illustration only: the dog in image 6 */
  --gbl-dog: #C98A55;
  --gbl-dog-light: #E8C49A;
  --gbl-dog-dark: #7A4A2A;

  /* "Typical" comparison only: a generic dental stick and pack we drew ourselves */
  --gbl-typical-green: #3E8E5A;
  --gbl-typical-chew: #6E8F3E;
  --gbl-typical-yellow: #FFD23F;

  /* Type */
  --gbl-display: "Gabarito", system-ui, sans-serif;
  --gbl-body: "Figtree", system-ui, sans-serif;
}