/* ============================================================
   Bifrost Studios — sub-brand
   ------------------------------------------------------------
   GENERATED by tokens/build-tokens.mjs from tokens/bifrost.tokens.json.
   Do not hand-edit. Edit the tokens file and re-run the generator.
   Structural CSS that is not a token lives in studios.extra.css.

   Load after bifrost/_house.css.

   Warmer and more product-led than Group without breaking the formal
   frame.
   ============================================================ */
:root {
  /* Display face. The house serif. */
  --font-display: "Concrette", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --tr-display:   -0.06em;
  /* The weight this display FACE actually owns. Emitted because
     font-synthesis is off house-wide, so asking a face for a weight
     it does not have renders the nearest one it does. See
     shared.font_weights in the token source. */
  --fw-display:   400;

  /* Ink/100% and its four alpha tints (60 / 40 / 20 / 10%). */
  --c-ink:   #000000;
  --c-ink-1: rgba(0, 0, 0, 0.6);
  --c-ink-2: rgba(0, 0, 0, 0.4);
  --c-ink-3: rgba(0, 0, 0, 0.2);
  --c-ink-4: rgba(0, 0, 0, 0.1);

  /* The oversized footer watermark: a 10% step the web ramp otherwise
     lacks. Emitted rather than aliased to --c-ink-4 because the source
     specifies 10% BLACK on every light-ground brand, including the one
     whose ink is not black. */
  --c-footer-logo: rgba(0, 0, 0, 0.102);

  /* Inverted Primary — ink for an inverted web section. Web only:
     the deck's dark slide reuses the light ground as its ink, the
     website has a ramp of its own. Stops are 100 / 60 / 20. */
  --c-ink-inverse:   #FFFFFF;
  --c-ink-inverse-1: rgba(255, 255, 255, 0.6);
  --c-ink-inverse-3: rgba(255, 255, 255, 0.2);

  /* Accent: Studios amber. */
  --c-accent:    #FFB259;
  --c-accent-80: #FFB259CC;
  --c-accent-60: #FFB25999;
  --c-accent-40: #FFB25966;
  --c-accent-20: #FFB25933;

  /* Website-only corner rounding. No deck or document primitive
     consumes these; validate.mjs errors if an artifact uses one.
     The Master UI Radius frame names two values per brand, not a
     ramp: Components Background Radius and Buttons/Cards Radius.
     --radius-web stays as the coarse legacy handle (= component).
     Master UI Radius frame: two named values per brand pair — "Components Background Radius" and "Buttons/Cards Radius". 20px / 30px. Not a 4-step ramp. */
  --radius-web:       20px;
  --radius-component: 20px;
  --radius-button:    30px;

  /* Team portraits run full colour for Studios. */
  --bf-portrait-filter: saturate(1.05);
  --bf-portrait-dots: 0.28;
}

/* Letterbox around the slide. */
.deck-stage { background: #000000; }