/* 2Gether design tokens — Sticker Pop */
:root {
  /* color */
  --tg-gum: #FF5DA2;    /* primary · invites, CTAs, joy */
  --tg-blue: #3D5BFF;   /* secondary · links, info */
  --tg-lime: #C6F24E;   /* accent · highlights, wins */
  --tg-ink: #17141F;    /* text */
  --tg-cream: #FFF9F0;  /* base */

  /* type */
  --tg-font-display: 'Bagel Fat One', cursive;
  --tg-font-body: 'Baloo 2', sans-serif;

  /* type scale */
  --tg-text-h1: 96px;
  --tg-text-h2: 64px;
  --tg-text-h3: 40px;
  --tg-text-body: 20px;
  --tg-text-ui-min: 16px;
  --tg-text-caption: 14px;
  --tg-leading-body: 1.5;
  --tg-leading-caption: 1.4;
  --tg-tracking-eyebrow: 0.22em;

  /* spacing */
  --tg-space-xs: 8px;
  --tg-space-sm: 14px;
  --tg-space-md: 22px;
  --tg-space-lg: 34px;
  --tg-space-xl: 56px;

  /* radius */
  --tg-radius-card: 26px;
  --tg-radius-sticker: 28px;
  --tg-radius-chip: 999px;

  /* borders & shadows */
  --tg-border-card: 3px solid #17141F;
  --tg-border-sticker: 7px solid #FFFFFF;
  --tg-shadow-sticker: 0 12px 0 rgba(23, 20, 31, 0.14);
  --tg-shadow-chip: 0 5px 0 rgba(23, 20, 31, 0.2);

  /* motion */
  --tg-tilt-min: -2deg;
  --tg-tilt-max: 2deg;
}
