/* Creator Lab shared tokens: one source for the homepage and the app.
   The homepage (home/home.css) and the app (app/app-theme.css) both read these.
   Change a value here and it changes everywhere. */
:root{
  /* neutrals, darkest to lightest */
  --cl-n0:#08080A; --cl-n1:#0F0F11; --cl-n2:#1B1B1E; --cl-n25:#26262A; --cl-n3:#6E6E73; --cl-n4:#98989D; --cl-n5:#F5F5F7;
  /* the one signal accent: primary buttons and links only */
  --cl-blue:#2887E8; --cl-blue-hover:#3E9AFD; --cl-blue-press:#0774D4;
  /* status */
  --cl-ok:#30D158; --cl-warn:#E0A33E; --cl-bad:#FF6B6B;
  /* motion */
  --cl-e-out:cubic-bezier(.2,.8,.2,1); --cl-e-inout:cubic-bezier(.32,.72,0,1);
  /* type */
  --cl-mono:ui-monospace,"SF Mono",Menlo,monospace;
  --cl-sans:'Archivo',Helvetica,sans-serif;
  /* scene colour fields */
  --cl-violet:#6C4DF6; --cl-coral:#FF6A3D; --cl-cyan:#13B5D6; --cl-lime:#8BD13A; --cl-rose:#C9678F;
  /* golden hour: the capstone (rank) weeks */
  --cl-gold:#F2B84B;
  /* light "ink" of each scene colour, for eyebrows and text on dark */
  --cl-violet-ink:#B9ABFF; --cl-coral-ink:#FFB49B; --cl-cyan-ink:#8EE6F7; --cl-lime-ink:#C8F08F; --cl-rose-ink:#F2B6CD; --cl-gold-ink:#FFD58A;
}