/* ==========================================================================
   [studiotokens-20260831] BUZZHIVE STUDIO CHROME — THE TOKENS. ONE SOURCE.

   These custom properties used to live inline inside
   _partials/studio_chrome.php. They moved here because video_studio.html is a
   standalone .html at the web root and CANNOT include a PHP partial — which is
   the structural reason the Video Studio drifted to the old orange while every
   other surface moved to #ec4899.

   Two consumers, one source:
     - _partials/studio_chrome.php  readfile()s this file into its <style>
     - video_studio.html            <link>s it directly

   There is deliberately NO fallback copy of these values in either consumer.
   A fallback would be the second copy all over again, and a second copy is
   exactly how the studios drifted apart in the first place. If this file is
   missing, a studio loses its palette VISIBLY — upload this file FIRST.
   ========================================================================== */
:root{
  /* --st-u — the scaling unit, identical to the Launchpad's --lp-u.
     Every size below is a multiple of it, so a studio SCALES like artwork
     instead of reflowing into a different design at a breakpoint.
     Solved for u(960)=1.0 and u(390)=0.72 → no jump at the break. */
  --st-u: clamp(.68px, calc(0.0491vw + 0.5284px), 1px);

  /* ── the ramp ─────────────────────────────────────────────────────────── */
  --st-canvas:#16181c;   /* the artboard — the darkest surface, and the only
                            thing allowed to be this dark */
  --st-sunk:#23262b;     /* recessed: wells, field interiors, list lanes */
  --st-pan:#2e3238;      /* the studio's main panel surface */
  --st-raise:#383d44;    /* raised panel, toolbar, the top of a gradient */
  --st-btn:#454b53;      /* button face */
  --st-btn-hi:#525963;   /* button hover */

  /* the engraved edge: a dark line, and the pixel of light that pools under it */
  --st-edge:#14161a;
  --st-lite:rgba(255,255,255,.075);

  --st-ink:#f0f2f5;      /* primary text */
  --st-mid:#b9c0c9;      /* body, control labels */
  --st-low:#828a94;      /* captions, units, inactive */

  --st-acc:#ec4899;      /* BuzzHive pink — the accent, and the only one */
  --st-acc-hi:#f463a8;   /* its lit top edge */
  --st-acc-lo:#d63c86;   /* its shaded bottom */
  --st-amber:#ec6b1c;    /* second brand hue — warnings and time, never decor */
  --st-good:#3ddc97;

  /* ── shape ────────────────────────────────────────────────────────────── */
  --st-notch:      polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  --st-notch-ctrl: polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  --st-notch-tiny: polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px);

  /* ── the rhythm ───────────────────────────────────────────────────────── */
  --st-ctl: calc(26 * var(--st-u));

  --st-sans:'Inter',system-ui,-apple-system,sans-serif;
  --st-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}