/* Crossroads Round 3b brand layer for the built site (web_redesign_lead). Loads after tokens.css and the page's own styles.
   Components read only --t-* vars. Extra vars used by the legacy-color rewrite (brand_inject.py):
   --t-surface-2 --t-bg-glass --t-band --t-band-2 --t-accent-tint --t-accent-hi */
body{
  --t-surface-2:#232326; --t-bg-glass:rgba(13,13,14,.92);
  --t-band:#1F2E45; --t-band-2:#2A3B55;              /* Harbor Navy secondary sections */
  --t-accent-tint:rgba(255,90,31,.10); --t-accent-hi:#FF8A5C; /* 5.9:1 on navy, 8.4:1 on ink */
  /* legacy site vars -> theme */
  --navy:var(--t-band); --navy-2:var(--t-band-2); --cream:var(--t-bg); --cream-2:var(--t-surface-2); --paper:var(--t-surface);
  --red:var(--c-accent); --red-d:#FF7A45; --ink:var(--t-text); --muted:var(--t-muted); --line:var(--t-line);
  --f-body:"Archivo","Archivo Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-display:"Archivo","Archivo Fallback","Arial Black",system-ui,sans-serif;
  /* builder v2 + designer component vars follow the page theme */
  --crb-ink:var(--t-text); --crb-paper:var(--t-bg); --crb-card:var(--t-surface); --crb-muted:var(--t-muted); --crb-line:var(--t-line); --crb-accent:var(--c-accent);
  background:var(--t-bg); color:var(--t-text); font-family:var(--f-body);
}
body .crd{--crd-navy:var(--t-text);--crd-muted:var(--t-muted);--crd-line:var(--t-line);--crd-accent:var(--c-accent)}
body .crd .crd-views button.on,body .crd .crd-btn:hover,body .crd .crd-chip.on,body .crd .crd-el .crd-lk.on,body .crd .crd-glabel{color:var(--t-bg)}
body[data-theme="business"],body[data-theme="signs"]{--t-accent-text:var(--t-accent-hi)}  /* orange small text on graphite surface #303134 is 4.2:1; #FF8A5C is 5.6:1 */
button{color:inherit}
body[data-theme="teams"],body[data-theme="drops"]{--t-band:#1B1B1D;--t-band-2:#232326}
body[data-theme="vinyl"],body[data-theme="sign-shop"]{--t-band:#1B1B1D;--t-band-2:#232326;--t-accent-hi:var(--c-paper)}
body[data-theme="business"],body[data-theme="signs"]{--t-surface-2:#38393D;--t-bg-glass:rgba(38,39,42,.94);--t-band:#0D0D0E;--t-band-2:#1B1B1D}
body[data-theme="healthcare"],body[data-theme="schools"]{--t-surface-2:#33466A;--t-bg-glass:rgba(31,46,69,.94);--t-band:#16223A;--t-band-2:#22314D;--t-accent-tint:rgba(156,195,234,.12);--t-accent-hi:var(--t-accent)}
body[data-theme="nonprofit"],body[data-theme="events"]{--t-surface-2:#D8C7A6;--t-bg-glass:rgba(201,180,142,.95);--t-band:#1F2E45;--t-band-2:#2A3B55;--t-accent-tint:rgba(31,46,69,.08);--t-accent-hi:#FF8A5C}

/* type: Archivo body, display headlines (wide, heavy, uppercase) */
body,button,input,select,textarea{font-family:var(--f-body)}
h1,h2{font-family:var(--f-display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);text-transform:uppercase;letter-spacing:-.01em;line-height:.98;overflow-wrap:break-word;hyphens:manual}
h1{font-size:clamp(2rem,5.2vw,3.9rem)}
h2{font-size:clamp(1.45rem,3vw,2.3rem)}
h3{font-stretch:112%;font-weight:700}
.eyebrow,.kicker{font-family:var(--f-mono);font-weight:500;letter-spacing:.1em}
::selection{background:var(--c-accent);color:var(--c-on-accent)}

/* header + lockup */
header.site{background:var(--t-bg-glass);border-bottom-color:var(--t-line)}
.brand{color:var(--t-text)}
.crb-lockup{display:block;line-height:0}
.crb-lockup img{display:block;height:22px;width:auto;max-width:min(239px,52vw)}
header.site nav a{color:var(--t-text)}
header.site nav a[aria-current="page"]{text-decoration:none;border-bottom:2px solid var(--t-accent);padding-bottom:4px}

/* actions: orange fill + ink text everywhere; ink edge on light themes */
.btn-red,.btn-primary,button.btn-red,a.btn-red,header.site .btn-red{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--t-action-edge)}
.btn-red,.btn-primary,a.btn-red:visited{color:var(--c-on-accent)!important}
.btn-red *,.btn-primary *{color:inherit}
.btn-ghost{background-color:transparent}
.tag.set,.tag.new{color:var(--c-on-accent)}
.btn-red:hover,.btn-primary:hover{background:#FF7A45;color:var(--c-on-accent)}
.btn-ghost:hover{border-color:var(--t-accent)}
a{text-decoration-color:var(--t-accent)}
:focus-visible{outline-color:var(--t-accent)}

/* inputs on dark */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--t-surface);color:var(--t-text);border-color:var(--t-rule)}
input::placeholder,textarea::placeholder{color:var(--t-muted);opacity:1}

/* product photos keep their light studio well so garments read true */
img[src*="/garments/"],img[src*="/photos/"],img[src*="assets/previews/"]{background:#f2f0ec}

footer{color:var(--t-muted);border-top-color:var(--t-line)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}