/* Tizzy brand tokens v2 (direction C, Low-poly Pop; owner picked 30 Oct 2026).
   v2: contrast tokens from the Mockup audit (WCAG AA 4.5:1) and the mono data font. v1 kept.
   Mockup, Site and Studio import or copy these values; brand\ is their one home. */
@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Nunito:wght@400;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  /* core palette */
  --tz-night: #2B1B5A;   /* backgrounds, text on light */
  --tz-violet: #7C5CFF;  /* the icon, primary buttons, "zy" on light */
  --tz-lime: #C6F432;    /* the spiral, "zy" on dark, highlights. Never as text on white */
  --tz-coral: #FF6F59;   /* alerts, LIVE, eviction moments; use sparingly */
  --tz-mist: #F5F2FF;    /* light backgrounds */
  --tz-white: #FFFFFF;

  /* contrast pairs (AA): white text on Violet is 4.35:1, white on Coral 2.74:1, so: */
  --tz-violet-strong: #6A4BE8;  /* buttons and fills that carry white text (5.55:1) */
  --tz-on-coral: #2B1B5A;       /* text on Coral: LIVE, 16+, day badges (5.45:1) */
  --tz-on-lime: #2B1B5A;        /* text on Lime */

  /* facet shades (low-poly fills, lightest to darkest) */
  --tz-facet-1: #9A80FF; --tz-facet-2: #8F75FF; --tz-facet-3: #8A6DFF;
  --tz-facet-4: #6A4BE8; --tz-facet-5: #5A3DD6; --tz-facet-6: #4A2F9E; --tz-facet-7: #3A2577;

  /* type */
  --tz-display: "Fredoka", "Nunito", system-ui, sans-serif;  /* 700 for headings, 600 for buttons */
  --tz-body: "Nunito", "Segoe UI", system-ui, sans-serif;    /* 400 body, 800 labels */
  --tz-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;  /* numbers and data */

  /* shape */
  --tz-radius: 14px;
  --tz-radius-pill: 999px;
}