/* ============================================================
   Dr Triage — Brand Refresh overrides
   The design language evolved after the original brief. These
   rules layer on top of colors_and_type.css + dr-triage.css to
   produce the CURRENT look used across the site:
     - Montserrat Bold (700) display type
     - the clipped "T" button
     - Montserrat italic Warm-Brown accent words
   Linked everywhere via styles.css so every template inherits it.
   For WordPress: enqueue this after the base stylesheets.
   ============================================================ */

/* No @import of Google Fonts here, and nothing should add one back.
   Two used to sit on this line and both were dead weight: Montserrat italic
   and JetBrains Mono are already self-hosted in assets/fonts/fonts.css, and
   Geist was only ever referenced by the home page roadmap, which does not
   load this file. So Geist was fetched on every page that never used it and
   never fetched on the one page that did. Removing them took two blocking
   third-party requests off every content page with no visual change, and
   makes "fonts are fully self-hosted" actually true. Verified 7/26. */

/* ---- display family is Montserrat, set bold ---- */
:root{ --font-display:'Montserrat', system-ui, -apple-system, sans-serif; }

/* Montserrat Bold for all display + headings */
.display,.h1,.dt-hero-h1{font-weight:700;letter-spacing:-.02em}
.h2,.h3,.dt-h2,.dt-mc-title,.dt-bc-title,.dt-deploy-statement,.dt-island-title,.dt-soln-title,.dt-grid-title{font-weight:700}

/* ---- accent word: Warm Brown, Montserrat italic ---- */
.accent{color:var(--brown);font-style:italic}
.dt-emph .mute{color:rgba(57,68,60,.42)}
.dt-emph .accent{color:var(--brown);font-style:italic}

/* ============================================================
   The "T" button — circular sweep into the top-left corner,
   angled forward-slash cut on the right (echoes the logo crossbar)
   ============================================================ */
.dt-btn{border:0;box-shadow:none !important;
  border-radius:0;border-top-left-radius:22px 43px;
  --cut:16px;
  -webkit-clip-path:polygon(0 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);
          clip-path:polygon(0 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);
  transition:transform .28s cubic-bezier(.16,1,.3,1),background .28s}
.dt-btn:hover{transform:translateY(-2px)}
.dt-btn-primary{background:var(--brown);color:var(--cream)}
.dt-btn-primary:hover{background:var(--brown-deep)}

/* refined arrow on text links: thinner, longer, rounded */
.dt-arrow,svg.arr{stroke-width:1.6}