/* ============================================================
   BackupAssist Classic — product tokens and product-only rules
   Primary:  Azure Blue  #008ECE  (Classic product color)
   Dark nav: Astronaut   #223672  (brand dark primary, brand book
             §10; Space Blue is gradient-use only and never a fill)
   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 Classic's two-color mapping: Astronaut carries the
   header, footer and headings (Azure is too bright to carry a
   header), Azure carries the tab bar, links and accents.
   ============================================================ */

/* ── Astronaut (§10) and Azure Blue (§11) scales ───────────── */
:root {
  --ba-astronaut:           #223672;
  --ba-astronaut-800:       #101935;
  --ba-astronaut-400:       #4E5E8E;
  --ba-astronaut-100:       #D3D7E3;
  --ba-azure-blue:          #008ECE;
  --ba-azure-600:           #2882C2;
  --ba-azure-700:           #3370B4;
  --ba-azure-100:           #d1dff1;

  /* Role tokens consumed by ba-base.css */
  --ba-primary:             var(--ba-astronaut);
  --ba-primary-light:       var(--ba-astronaut-400);
  --ba-primary-dark:        var(--ba-astronaut-800);
  --ba-header-shadow:       rgba(10, 16, 33, 0.35);
  --ba-tabs-bg:             var(--ba-azure-blue);
  --ba-link:                var(--ba-azure-blue);
  --ba-link-hover:          var(--ba-azure-600);
  --ba-accent:              var(--ba-azure-blue);
  --ba-accent-tint:         rgba(0, 142, 206, 0.1);
  --ba-heading:             var(--ba-astronaut);
  --ba-heading-sub:         var(--ba-azure-700);
  --ba-tint:                var(--ba-azure-100);
  --ba-header-tint:         var(--ba-astronaut-100);
  --ba-line:                var(--ba-azure-100);
  --ba-mark:                rgba(0, 142, 206, 0.2);
  --ba-hero-sub:            var(--ba-astronaut-400);
  --ba-card-face:           #f2f7fb;
  --ba-card-shadow:         rgba(0, 142, 206, 0.18);
  --ba-card-hover-border:   var(--ba-azure-blue);
  --ba-product:             var(--ba-azure-blue);   /* the trial button */
}

/* ── Own-page buttons wear Astronaut, not the Azure chip color ──
   The ba-classic class does double duty: on other portals it is
   Classic's §11 Azure chip (ba-base.css), but on this portal it is
   the two action buttons, which wear the header's Astronaut. The
   base rule is overridden here only, so chips elsewhere stay Azure. */
.md-typeset .ba-landing a.ba-classic {
  background-color: var(--ba-astronaut);
}

/* ── Two action buttons, not three ─────────────────────────── */
.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;
  }
}