/* -------------------------------------------------------------------------
   Bourbon Saturdays 4.0.0. PALETTE OVERRIDE (loads last).
   Seven approved colors, mapped onto every token the earlier layers use.
     Editorial Black  #111111  ink, headings, dark type
     Warm Ivory       #F5F1E8  main background
     Paper White      #FCFAF6  cards and content surfaces
     Bourbon Copper   #A6532B  primary accent (replaces gold, red, crimson)
     Deep Navy        #172435  masthead, footer, dark bands
     Warm Stone       #D8D0C3  borders and quiet backgrounds
     Charcoal         #4A4844  secondary text
   Nothing else is introduced. Copper tints are alpha of #A6532B.
   ---------------------------------------------------------------------- */
:root,
body,
body.tt-paper,
body.home {
	/* base */
	--ink:        #111111;
	--ink-deep:   #111111;
	--muted:      #4A4844;
	--white:      #ffffff;

	/* surfaces */
	--cream:      #F5F1E8;
	--paper:      #FCFAF6;
	--paper-2:    #F5F1E8;
	--sand:       #F5F1E8;
	--sand-line:  #D8D0C3;
	--canvas:     #F5F1E8;
	--line:       #D8D0C3;
	--line-dark:  rgba(255, 255, 255, 0.14);

	/* dark bands */
	--navy:       #172435;
	--navy-2:     #1e2d42;
	--navy-3:     #263650;
	--dark:       #172435;
	--band:       #172435;
	--band-2:     #1e2d42;

	/* accent: every red, crimson, gold and silver becomes copper */
	--gold:          #A6532B;
	--gold-2:        #BF6738;
	--gold-bright:   #BF6738;
	--gold-soft:     rgba(166, 83, 43, 0.14);
	--hot:           #A6532B;
	--hot-2:         #8A4423;
	--crimson:       #A6532B;
	--crimson-2:     #8A4423;
	--silver:        #D8D0C3;
	--silver-bright: #F5F1E8;
	--silver-dim:    #4A4844;
	--warm-mut:      #4A4844;

	/* paper/prime layer tokens */
	--pp-red:   #A6532B;
	--pp-ink:   #111111;
	--pp-bg:    #F5F1E8;
	--pp-line:  #D8D0C3;
	--pr-red:   #A6532B;
	--pr-hotk:  #BF6738;
	--pr-ink:   #111111;
	--pr-txt:   #F5F1E8;   /* light: prime.css uses it on dark homepage surfaces */
	--pr-mut:   #4A4844;
	--pr-line:  #D8D0C3;
	--pr-panel: #FCFAF6;

	--shadow-card: 0 8px 28px rgba(17, 17, 17, 0.10);
	--shadow-pop:  0 14px 40px rgba(17, 17, 17, 0.18);
}

/* Hardcoded reds in earlier layers that bypass the tokens */
.tt-btn--gold,
body.tt-paper .tt-btn--gold {
	background: #A6532B !important;
	color: #ffffff !important;
	box-shadow: 0 4px 0 #8A4423 !important;
	border-color: #A6532B !important;
}
.tt-btn--gold:hover,
body.tt-paper .tt-btn--gold:hover {
	background: #BF6738 !important;
	box-shadow: 0 6px 0 #8A4423 !important;
}
.tt-btn--gold:active,
body.tt-paper .tt-btn--gold:active {
	box-shadow: 0 2px 0 #8A4423 !important;
}
body.tt-paper .tt-entry a:hover,
body.tt-paper .tt-local-facts dd a:hover,
body.tt-paper .comment-content a:hover {
	color: #A6532B;
}
body.tt-paper .tt-headline::after,
body.tt-paper .tt-asidebox--news,
body.home .tt-fire__tag,
.tt-fire__tag {
	border-top-color: #A6532B;
	background-color: #A6532B;
}
body.tt-paper .tt-headline::after { background: #A6532B; }
body.tt-paper .tt-asidebox--news { background-color: transparent; border-top: 4px solid #A6532B; }
body.tt-paper :is(.tt-single__head,.tt-guide__head,.tt-planner-hero) .tt-eyebrow { color: #BF6738; }

/* Body surface: warm ivory, not cool gray */
body,
body.tt-paper {
	background: #F5F1E8;
	color: #111111;
}

/* Hero: neutral navy-black scrim and no red glow. Wins over prime.css and palette.css. */
.tt-hero {
	background:
		radial-gradient(900px 520px at 80% 15%, rgba(166, 83, 43, 0.14), transparent 60%),
		linear-gradient(160deg, #111111, #172435 55%, #0f1622) !important;
	background-color: #172435 !important;
}
.tt-hero__scrim {
	background:
		linear-gradient(100deg, rgba(17, 17, 17, 0.88) 8%, rgba(17, 17, 17, 0.45) 55%, rgba(17, 17, 17, 0.15) 100%),
		linear-gradient(to top, rgba(17, 17, 17, 0.9), transparent 55%) !important;
}

/* Copper replaces every red alpha glow */
.tt-map__glow { background: radial-gradient(circle, rgba(166, 83, 43, 0.22), transparent 62%) !important; }
.tt-fire__card:hover, .tt-take:hover { box-shadow: 0 20px 44px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(166, 83, 43, 0.3) !important; }
body.tt-paper .tt-entry a, body.tt-paper .tt-local-facts dd a { color: #A6532B; text-decoration-color: rgba(166, 83, 43, 0.4); }
:focus-visible { outline-color: #A6532B; }
input:focus, textarea:focus, select:focus { border-color: #A6532B !important; box-shadow: 0 0 0 2px rgba(166, 83, 43, 0.3) !important; }


/* Hero section index (01 The Towns ... 04 Playbooks): labels must read on the dark hero. */
.tt-hero__index .t { color: #F5F1E8 !important; }
.tt-hero__index .n { color: #BF6738 !important; }
.tt-hero__index a:hover .t { color: #BF6738 !important; }
.tt-hero__index { border-top-color: rgba(245, 241, 232, 0.18) !important; }
.tt-hero__index a { border-right-color: rgba(245, 241, 232, 0.18) !important; }

/* Hero polish: shorter copper stroke under the headline, taller search to match the button, tidy flag mark. */
.tt-hero__title::after, .tt-hero .tt-headline::after { width: 96px !important; height: 6px !important; }
.tt-hero__field input[type="search"], .tt-hero__field input[type="text"] { min-height: 58px; }
.tt-logo__flag { transform: translateY(0) !important; }

/* Ticker items may be links now (headline crawl). Same look, hover to copper. */
a.tt-ticker__item { text-decoration: none; color: inherit; }
a.tt-ticker__item:hover b { color: #BF6738; }
.tt-ticker__item i { color: #BF6738; }
.tt-hero__readbtn { margin-top: 1rem; }

/* Lead-story hero: real headlines are long. Give them an editorial scale and width, not the two-word brand scale. */
.tt-hero__title .tt-hero__line--story {
	font-size: clamp(2.2rem, 4.6vw, 4.2rem) !important;
	line-height: 1 !important;
	letter-spacing: -.005em !important;
	max-width: 16ch;
	display: block;
}
.tt-hero__title .tt-hero__line--story a { color: inherit; text-decoration: none; }
.tt-hero__title .tt-hero__line--story a:hover { color: #BF6738; }


/* Reading register: dark ink on paper. Everywhere else --pr-txt is light for dark surfaces. */
body.tt-paper { --pr-txt: #111111; }
body.tt-paper .tt-single__title, body.tt-paper .tt-guide__title, body.tt-paper .tt-lead__title { color: #111111; }

/* SEC map: town name and panel readable; team color kept only as a hint on the active dot. */
.tt-map__card { background: #111111 !important; border-left: 4px solid #A6532B !important; }
.tt-map__card-town { color: #F5F1E8 !important; }
.tt-map__card-accent { background: #A6532B !important; }
.tt-map__card-school { color: #BF6738 !important; }
.tt-map__card-game { color: #D8D0C3; }
.tt-map__pin .tt-map__dot::after { border-color: #A6532B !important; }
.tt-map__pin:hover .tt-map__dot, .tt-map__pin:focus-visible .tt-map__dot, .tt-map__pin.is-active .tt-map__dot {
	background: color-mix(in srgb, var(--c) 55%, #A6532B) !important;
	box-shadow: 0 0 0 4px rgba(166, 83, 43, 0.28), 0 0 18px rgba(166, 83, 43, 0.6) !important;
}
.tt-map__tip { border-color: #A6532B !important; }
.tt-map__hint { color: #4A4844; }

/* Section rules: a stroke, not a bar (applies to every dark-band headline). */
.tt-headline::after, .tt-headrow .tt-headline::after { width: 96px !important; height: 6px !important; }

/* Daily Tailgate: the stamp had copper text on a copper block. Ivory text on copper. */
body.home .tt-daily__stamp, .tt-daily__stamp {
	background: #A6532B !important;
	color: #F5F1E8 !important;
	padding: .38rem .7rem;
	line-height: 1;
}
/* Rundown numerals: solid copper, not hollow outlines. Match the date numeral and the hero index. */
body.home .tt-daily__num, .tt-daily__num {
	color: #A6532B !important;
	-webkit-text-stroke: 0 !important;
	opacity: 1 !important;
}
body.home .tt-daily__row:hover .tt-daily__num { color: #BF6738 !important; }
.tt-daily__row:hover .tt-daily__rowtitle { color: #A6532B; }
/* Lead card gets its 01 so the rundown numbering reads. */
.tt-daily__stamp::before { content: "01  "; letter-spacing: .14em; opacity: .85; }
/* Light-band section rules are strokes too. */
.tt-band .tt-headline::after, body.home .tt-headline::after { width: 96px !important; height: 6px !important; }

/* Trip Planner promo: a Deep Navy card on the ivory band, so its light-text design works and reads. */
.tt-planner__card {
	background:
		radial-gradient(46rem 24rem at 90% -30%, rgba(166, 83, 43, 0.18), transparent 62%),
		linear-gradient(160deg, #172435 0%, #1e2d42 100%) !important;
	border: 1px solid rgba(245, 241, 232, 0.12) !important;
	border-left: 5px solid #A6532B !important;
	color: #F5F1E8 !important;
	box-shadow: 0 14px 40px rgba(17, 17, 17, 0.18);
}
.tt-planner__card .tt-planner__heading { color: #F5F1E8 !important; }
.tt-planner__card .tt-planner__text { color: rgba(245, 241, 232, 0.8) !important; }
.tt-planner__card .tt-benefit__title { color: #BF6738 !important; }
.tt-planner__card .tt-benefit__text { color: rgba(245, 241, 232, 0.72) !important; }
.tt-planner__card .tt-benefit__icon { color: #BF6738 !important; }
.tt-planner__heading-row .tt-badge { background: #A6532B !important; border-color: #A6532B !important; color: #F5F1E8 !important; }
.tt-planner__card .tt-btn--gold { box-shadow: 0 4px 0 #8A4423 !important; }