/* ============================================================
   BackupAssist ER — product tokens and product-only rules
   Primary:  Prussian Blue #193a66  (ER product color, brand book §11)
   Accent:   Apricot Orange #f78f1e
   Font:     Inter (chosen in the font trial, 2026-09-29)

   Every structural rule lives in the shared base
   (profiles/shared/ba-base.css, loaded before this file); this
   file supplies the Prussian Blue role tokens. Tonal mapping
   follows ba-365 (header = product primary, tabs one shade off) —
   ER uplift decision 1, 2026-08-23.
   ============================================================ */

/* ── Prussian Blue scale (brand book §11) ──────────────────── */
:root {
  --ba-prussian:            #193a66;
  --ba-prussian-900:        #20293b;
  --ba-prussian-800:        #1e2d45;
  --ba-prussian-700:        #1e3251;
  --ba-prussian-600:        #1d365c;
  --ba-prussian-400:        #476185;
  --ba-prussian-300:        #7589a3;
  --ba-prussian-200:        #d1d8e0;
  --ba-prussian-100:        #e3e8ec;

  /* Role tokens consumed by ba-base.css */
  --ba-primary:             var(--ba-prussian);
  --ba-primary-light:       var(--ba-prussian-400);
  --ba-primary-dark:        var(--ba-prussian-800);
  --ba-header-shadow:       rgba(15, 23, 41, 0.35);
  --ba-tabs-bg:             var(--ba-prussian-600);
  --ba-link:                var(--ba-prussian);
  --ba-link-hover:          var(--ba-prussian-400);
  --ba-accent:              var(--ba-prussian-400);
  --ba-accent-tint:         rgba(71, 97, 133, 0.1);
  --ba-heading:             var(--ba-prussian);
  --ba-heading-sub:         var(--ba-prussian-600);
  --ba-tint:                var(--ba-prussian-100);
  --ba-header-tint:         var(--ba-prussian-100);
  --ba-line:                var(--ba-prussian-200);
  --ba-mark:                rgba(25, 58, 102, 0.2);
  --ba-hero-sub:            var(--ba-prussian-300);
  --ba-card-face:           #f0f3f6;
  --ba-card-shadow:         rgba(25, 58, 102, 0.18);
  --ba-card-hover-border:   var(--ba-prussian);
  --ba-product:             var(--ba-prussian);   /* the trial button */
}

/* ── Two action buttons, not three (ER has no Guides button) ── */
.md-typeset .ba-landing .ba-buttons {
  grid-template-columns: repeat(2, 1fr);
  max-width: 42rem;
}

@media screen and (max-width: 44em) {
  .md-typeset .ba-landing .ba-buttons {
    grid-template-columns: 1fr;
  }
}