/* ACT brand layer over the design-system stylesheets: type + accent only. Load AFTER the _ds stylesheets. */
/* Fonts are loaded via <link> in each page head so they fetch in parallel
   instead of waiting on this stylesheet to download first. */

:root{
  --font-display:'Inter Tight',system-ui,sans-serif;
  --font-body:'Inter Tight',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  /* accent becomes orange everywhere the system used lime */
  --lime:#DB7101; --lime-deep:#A8520D; --lime-tint:#F7E7D4;
  --line:#C9C3B8; --bg-2:#F3F1EC;
}

body{font-family:var(--font-body)}
h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-variation-settings:normal}
h1{line-height:1.06}
h2{line-height:1.1}
h3{font-weight:600}
.serif-i{font-style:normal;font-weight:600;color:var(--orange)}

.label{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--orange);margin-bottom:20px}
.label::before{content:none;display:none}
.dark-sec .label{color:#E8A33D}

.btn-lime{background:var(--orange);color:#fff}
.btn-lime:hover{background:var(--orange-deep)}

.card .k,.fork .tag,.post .cat,.tc .tl,.mock .bar span,.scanner .bar .fname,.offer .l,.rcard .l,.work-card .l{font-family:var(--font-body);font-weight:700;letter-spacing:.08em}
.step .n{font-family:var(--font-mono);font-size:26px;color:var(--orange)}
.decide .di .ic{background:var(--orange);color:#fff}
.stat .big,.tc .big{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}
.mock .side .cite,.scanner .find .cite{color:var(--orange-deep)}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

.brand-img{display:block;max-width:100%}
.brand-mark-img{width:120px;height:44px;object-fit:contain}
.footer-logo-img{width:150px;height:auto}