/* ==========================================================
   BeyondTheBlack × Just Right! — co-brand theme overlay
   Remaps the Just Right! blue ramp onto BlackLine's indigo
   and introduces the BeyondTheBlack gold as the accent.
   Load AFTER design-system/colors_and_type.css.
   ========================================================== */

:root {
  /* BlackLine / BeyondTheBlack brand */
  --bl-indigo-950: #120E4A;
  --bl-indigo-900: #1A1470;
  --bl-indigo-800: #221C8E;
  --bl-indigo-700: #2A22A8;
  --bl-indigo-500: #4F45C4;
  --bl-indigo-300: #A9A3E4;
  --bl-indigo-100: #DEDBF6;
  --bl-indigo-50:  #F2F1FC;
  --bl-gold:       #F5A93C;
  --bl-gold-dark:  #D98E22;
  --bl-gold-50:    #FEF6EA;

  /* Remap the Just Right! blue ramp → BlackLine indigo */
  --jr-blue:       var(--bl-indigo-800);
  --jr-blue-900:   var(--bl-indigo-950);
  --jr-blue-800:   var(--bl-indigo-900);
  --jr-blue-700:   var(--bl-indigo-800);
  --jr-blue-500:   var(--bl-indigo-500);
  --jr-blue-300:   var(--bl-indigo-300);
  --jr-blue-100:   var(--bl-indigo-100);
  --jr-blue-50:    var(--bl-indigo-50);

  --fg-link:       var(--bl-indigo-800);
  --fg-link-hover: var(--bl-indigo-950);
  --fg-accent:     var(--bl-indigo-800);
  --bg-4:          var(--bl-indigo-50);
  --bg-dark:       var(--bl-indigo-950);
  --border-accent: var(--bl-indigo-800);

  /* Shadows retinted to the indigo family */
  --shadow-1: 0 1px 2px rgba(18, 14, 74, .08);
  --shadow-2: 0 2px 6px rgba(18, 14, 74, .10), 0 1px 2px rgba(18, 14, 74, .06);
  --shadow-3: 0 8px 20px rgba(18, 14, 74, .14), 0 2px 6px rgba(18, 14, 74, .08);
  --shadow-4: 0 18px 40px rgba(18, 14, 74, .20), 0 4px 10px rgba(18, 14, 74, .08);
}

a { color: var(--fg-link); }
a:hover { color: var(--fg-link-hover); }

/* Gold accent utilities used by the co-brand cover */
.btb-gold { color: var(--bl-gold); }
.btb-rule { height: 3px; background: var(--bl-gold); width: 56px; border-radius: 2px; }