/* Franklin Frontline — broadsheet bridge over site.css.
   Load AFTER /styles/site.css on pages still built from site.css components.
   Re-skins the old tokens and type onto the Modern Broadsheet identity so a
   page can migrate visually before its markup is rebuilt. Retire this file
   with site.css once every page uses broadsheet.css directly. */

:root {
  /* Surfaces */
  --canvas:         #EFE9DD;
  --surface-soft:   #E7DFCC;
  --surface-tint:   #E2D8C4;

  /* Lines */
  --hairline:       rgba(76,54,45,.22);
  --rule-strong:    #362A22;

  /* Ink */
  --ink:            #362A22;
  --ink-muted:      #5E4B3F;
  --ink-soft:       #8A7767;
  --ink-inverse:    #F4F0E6;
  --ink-muted-inverse: rgba(244,240,230,.8);
  --ink-soft-inverse:  rgba(244,240,230,.55);

  /* Accents: mint->sage, UV->terracotta, flame->terracotta family */
  --mint:           #88937B;
  --mint-border:    #5E7263;
  --uv:             #A46447;
  --uv-rule:        #8F5238;
  --flame:          #A46447;
  --flame-rule:     #8F5238;

  /* States */
  --link-hover:     #8F5238;
  --focus:          #362A22;

  /* Editorial tiles -> muted broadsheet-adjacent hues */
  --tile-yellow:    #C6A96C;
  --tile-orange:    #A46447;
  --tile-blue:      #71838C;
  --tile-red:       #8F5238;

  /* Square corners everywhere */
  --radius-sm: 0;
  --radius:    0;
  --radius-lg: 0;
  --r-pill:    0;
}

/* ---------- Type: sans ---------- */
body, h3, h4,
.skip-link, .nav-links a, .eyebrow, .mono, .hero-meta, .btn,
.section-head .head-meta, .stream-item .timestamp, .stream-card .kicker,
.stream-card .read, .feature-stat .l, .pitch .kicker,
.footer-tag, .footer-head, .footer-col a, .footer-col .footer-cta,
.footer-meta, .footer-credit-card, .footer-credit-card strong {
  font-family: 'Libre Franklin', Arial, sans-serif;
}

/* ---------- Type: serif display ---------- */
h1, h2, .stream-card h3, .feature-stat .v {
  font-family: 'Newsreader', Georgia, serif;
  font-weight: 500;
}
h1 {
  font-size: clamp(38px, 6.5vw, 68px);
  line-height: 1.08;
  letter-spacing: -0.015em;
}
h2 {
  font-size: clamp(28px, 4.2vw, 42px);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.stream-card h3 { line-height: 1.15; }

/* Mono-role labels read as kickers now: soften the tracking-heavy weight */
.eyebrow, .hero-meta, .footer-head, .stream-card .kicker { font-weight: 600; }

/* ---------- Chrome ---------- */
.nav { background: rgba(239,233,221,.96); }
.brand {
  display: inline-block;
  font-family: 'Newsreader', Georgia, serif;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.01em;
  color: var(--ink);
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}
.brand-period { color: var(--uv); }
.nav-toggle { border-radius: 0; }

/* CTAs are terracotta-filled with cream text in the broadsheet identity */
.nav-links a.nav-cta,
.footer-col .footer-cta {
  background: var(--uv);
  color: var(--ink-inverse);
}
.nav-links a.nav-cta:hover,
.footer-col .footer-cta:hover {
  background: var(--uv-rule);
  color: var(--ink-inverse);
}
@media (max-width: 980px) {
  .nav-links a.nav-cta,
  .nav-links a.nav-cta:hover {
    background: var(--uv);
    color: var(--ink-inverse);
  }
}

/* Footer brand: hide the retired logo mark; the wordmark carries the brand */
footer .brand-logo { display: none; }