/* ══════════════════════════════════════════════════════════════════════════
   ATG Strategy — BRAND system (2026-09-07)
   Exact tokens + fonts lifted from arizonatruckgroup.com/investor-overview.html
   so the strategy site is pixel-consistent with the ATG investor page.
   Loads after v9; supersedes the v10 "Executive Slate" guess.
   Steel navy · warm paper · amber accent · Plus Jakarta Sans / IBM Plex.
   ══════════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  /* brand tokens (verbatim from the investor page :root) */
  --steel:      #1B2A3A;
  --steel-mid:  #2C4155;
  --ink:        #0F1B26;
  --paper:      #F7F5F0;
  --paper-dim:  #EFEBE2;
  --ash:        #6B7680;
  --ash-dark:   #8B95A0;
  --amber:      #E08A1E;
  --amber-deep: #B8690E;
  --ok:         #3F8F5F;

  /* remap the strategy design layer to brand */
  --atg-ink:     var(--ink);
  --atg-ink-2:   #33404b;
  --atg-muted:   var(--ash);
  --atg-line:    #e2ddd2;
  --atg-line-2:  #ece7dd;
  --atg-bg:      var(--paper);
  --atg-bg-soft: var(--paper-dim);
  --atg-panel:   #e8e2d6;
  --atg-brand:   var(--steel);
  --atg-accent:  var(--amber);
  --atg-accent-d: var(--amber-deep);
  --atg-accent-soft: rgba(224,138,30,.10);
  --atg-ok: var(--ok); --atg-ok-bg:#eef6f0; --atg-ok-bd:#cbe6d5;

  --md-default-bg-color: var(--paper);
  --md-default-fg-color: #263039;
  --md-accent-fg-color:  var(--amber);
  --md-typeset-a-color:  var(--amber-deep);
  --md-primary-fg-color: var(--steel);
}

/* fonts: Plus Jakarta Sans display, IBM Plex Sans body, IBM Plex Mono labels */
.md-typeset { font-family: "IBM Plex Sans", system-ui, sans-serif; color: #33404b; }
.md-typeset h1, .md-typeset h2, .md-typeset h3,
.md-header__title, .md-nav__title {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  color: var(--ink); letter-spacing: -.015em;
}
.md-typeset h1 { font-weight: 800; font-size: 2.05rem; }
.md-typeset h2 { font-weight: 700; border-bottom-color: var(--atg-line); }
.md-typeset h3 { font-weight: 700; }
.md-typeset code, .md-typeset table:not([class]) th { font-family: "IBM Plex Mono", monospace; }

/* header + footer in steel */
.md-header { background: var(--steel) !important; box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 2px 14px rgba(15,27,38,.14); }
.md-tabs { background: transparent; }
.md-tabs__item--active .md-tabs__link { border-bottom: 2px solid var(--amber); }
.md-footer, .md-footer-meta { background: var(--steel) !important; }

/* body ground = paper */
.md-main, .md-content { background: var(--paper); }

/* links + active nav in amber */
.md-nav__link--active, .md-nav__item .md-nav__link--active { color: var(--amber-deep); }

/* section rule under h2 in amber */
.md-typeset h2::after { content:""; display:block; width:42px; height:3px; background: var(--amber); margin-top:.5rem; border-radius:2px; }

/* meta strip — hairline over steel rule */
.md-typeset dl.page-meta {
  background: transparent !important; border: none !important;
  border-top: 2px solid var(--steel) !important; border-bottom: 1px solid var(--atg-line) !important;
  border-radius: 0 !important; padding: .9rem 0 !important;
}

/* scorecard tables — steel header, paper zebra, mono numerals */
.md-typeset table:not([class]) th { background: var(--steel); color: #eef1f4; letter-spacing: .04em; }
.md-typeset table:not([class]) tr:nth-child(even) td { background: #f2eee5; }
.md-typeset table:not([class]) tr:hover td { background: var(--atg-accent-soft); }

/* status badges retuned to brand green + amber */
.md-typeset .confirmed > .admonition-title, .md-typeset .success > .admonition-title { background:#eef6f0; color:#2c6b46; }
.md-typeset .target, .md-typeset .abstract { border-left-color: var(--amber) !important; }
.md-typeset .target > .admonition-title, .md-typeset .abstract > .admonition-title { background:#fbf1e2; color: var(--amber-deep); }

/* cards on paper */
.md-typeset .grid.cards > :is(ul,ol) > li, .md-typeset .grid > .card { background:#fffdf9; border-color: var(--atg-line); }

/* dark mode: steel deepens, amber stays */
[data-md-color-scheme="slate"] {
  --atg-bg:#0f1b26; --atg-bg-soft:#14212e; --atg-brand:#0c1520; --atg-accent:#f0a63e; --atg-accent-d:#E08A1E;
  --md-typeset-a-color:#f0a63e;
}
[data-md-color-scheme="slate"] .md-typeset h1,[data-md-color-scheme="slate"] .md-typeset h2,[data-md-color-scheme="slate"] .md-typeset h3{ color:#eef1f4; }
[data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-footer { background:#0c1520 !important; }
