/* ============================================================
   Nutrislim — Motion / Video brand tokens
   The video-only sub-brand used in course & social motion graphics.
   DISTINCT from the app/web UI palette in colors_and_type.css:
   videos lead with mint + deep teal; the app leads with white + cyan.
   ============================================================ */

/* 'Arial Black' is a web-safe system font — sourced from the
   viewer's installed copy. No substitution; if the user uploads a
   self-hosted Arial Black file, swap the local() for a url(). */
@font-face {
  font-family: 'Arial Black';
  src: local('Arial Black'), local('ArialBlack'), local('Arial-Black');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Video palette (exact) ---- */
  --v-mint:      #A0D8CC;  /* primary background                      */
  --v-mint-soft: #ECF6F4;  /* gradient / callout background           */
  --v-teal:      #0A6E80;  /* headlines, anchors, wordmark "Nutri"    */
  --v-cyan:      #2DC0E2;  /* accent, CTA, highlight, wordmark "slim" */
  --v-ice:       #B5E8F0;  /* keyword emphasis (karaoke key words)    */
  --v-white:     #FFFFFF;  /* titles, cards                           */
  --v-ink:       #0A3138;  /* deep base under footage / gradients     */

  /* ---- Video type ---- */
  --v-font-title: 'Arial Black', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* heavy geometric, UPPERCASE */
  --v-font-body:  'Helvetica Neue', Helvetica, Arial, sans-serif;                /* 700–800 */

  /* ---- Motion signatures ---- */
  --v-bubble-opacity-min: 0.08; /* @kind other */
  --v-bubble-opacity-max: 0.28; /* @kind other */   /* bubbles ONLY on intro + outro/CTA */
  --v-ease-calm: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --v-pop:       cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */  /* springy pill/stat entrance */
}