/* Rouge et bleu : des repères plus parisiens, sur une page qui reste claire. */
:root {
  --navy: #092b63;
  --navy2: #103775;
  --red: #d7193f;
  --ink: #142b49;
  --muted: #5e7088;
  --line: #dce3ee;
  --paper: #f4f6fa;
  --blue-tint: #edf2fa;
}

.mast-meta { background: #061d44; border-color: #284571; color: #b7c9e2; }
body > header { background: var(--navy); border-color: #294b7d; }
.header-inner nav a { color: #c5d4e9; }
.header-inner nav a.active:after { height: 4px; }
.header-inner .brand small { color: #c8d8ee; }
.community-button { background: var(--red); border-color: var(--red); color: white; }
.community-button span { color: white; }
.community-button:hover { background: #b31234; }

.news-ticker { background: var(--blue-tint); border-bottom-color: #d6dfec; }
.ticker-label {
  background: var(--navy); color: white;
  padding: 0 20px 0 16px; border-left: 4px solid var(--red);
  box-shadow: inset 2px 0 0 #fff; margin-right: 12px;
}
.ticker-label span { background: #ff4765; box-shadow: 0 0 0 3px #ffffff12; }
.ticker-run a { color: var(--navy); }
.ticker-run time { color: #ad1233; }
.ticker-pause { background: white; color: var(--navy); border-color: #c9d5e7; }
.ticker-pause[aria-pressed=true] { background: var(--navy); color: white; border-color: var(--navy); }

.hero:after {
  background: linear-gradient(180deg,rgba(4,23,56,.02) 20%,rgba(6,31,73,.34) 50%,rgba(4,26,65,.97) 100%);
}
.hero:before {
  content: ''; position: absolute; left: 0; bottom: 0; z-index: 2;
  height: 38%; width: 6px; background: var(--red); border-right: 2px solid #ffffffd9;
}
.hero .tag { background: var(--red); }
.hero-copy .meta { color: #c5d5eb; }
.hero p { color: #dce6f5; }
.news-wire { border-top-color: var(--red); }
.news-wire > .section-title {
  background: var(--navy); color: white;
  padding: 20px 22px; margin: -22px -22px 0;
}
.news-wire .wire-dot { background: #ff4765; }
.wire-item h3, .article-card h3, .compact-article h3 { color: var(--navy); }
.wire-all { color: var(--navy); }
.wire-all > span { color: var(--red); }
.wire-item:hover h3, .article-card a:hover h3, .compact-article a:hover h3 { color: #ad1233; }

.compose-button { border-color: #b9c9df; background: #fff; color: var(--navy); }
.compose-button:hover { background: var(--blue-tint); border-color: var(--navy); }
.edition b, .section-title, .feature-title, .page-intro h1 { color: var(--navy); }
.section-heading h2:before { box-shadow: 3px 0 0 white, 5px 0 0 var(--navy); margin-right: 15px; }
.card-image .tag { background: var(--navy); border-left: 3px solid var(--red); }
.filter.active, .filter:hover { background: var(--navy); border-color: var(--navy); }
.view-switch button[aria-pressed=true] { background: #e2eaf6; color: var(--navy); }
.load-more { border-color: #bdcce1; color: var(--navy); }
.load-more:hover { background: var(--blue-tint); border-color: var(--navy); }
.primary-action { border-left: 3px solid var(--red); }
.primary-action:hover { background: #123c7c; }
.edition-submit { background: var(--red); }
.edition-submit:hover { background: #b31234; }

.match-band { border-color: #d2ddeb; }
.match-band-label {
  background: var(--navy); color: white; align-self: stretch;
  display: flex; flex-direction: column; justify-content: center;
  border-right: 0; border-left: 3px solid var(--red);
}
.match-band-label span { color: #c3d3e9; }
.match-mini .score { background: var(--navy); color: white; }
.match-mini b.psg { color: #b51336; }
.upcoming-mini:hover { background: var(--blue-tint); }
.briefing-band { border-color: #d2ddeb; border-left-color: var(--red); }
.briefing-heading { background: var(--navy); color: white; border-right: 0; }
.briefing-heading .eyebrow { color: #d8e3f3; }
.briefing-heading p, .briefing-heading small { color: #bdcee6; }
.briefing-item h3 { color: var(--navy); }
.briefing-number { color: #a3b5cf; }
.briefing-read { color: #b51336; }
.briefing-item:hover { background: #f6f8fc; }
.focus-box:before { transform: none; width: 7px; right: 22px; top: 0; bottom: 0; height: auto; opacity: .45; }
.focus-box a { border-color: #375687; }
.focus-box p, .focus-box .eyebrow { color: #c3d1e7; }
.quick-access a { border-color: #becde2; }
.quick-access b { color: var(--navy); }
.quick-access a > span { color: #9bafca; }
.heritage-home { border-top: 3px solid var(--red); }
.heritage-heading .eyebrow, .heritage-cards span { color: #bed0e9; }
.tribune-teaser, .archive-controls { background: #eaf0f8; }
.poll-options button[aria-pressed=true] { background: #eaf0f8; border-color: var(--navy); }
.poll-status { color: var(--navy); }
.page-tabs [aria-current=page], .page-tabs [aria-pressed=true] { color: var(--navy); }
.fixture-score > strong { background: #e8eff8; color: var(--navy); }
.match-hero .fixture-score > strong { background: #20477f; color: white; }
.honours-grid > div { background: #12366c; }
.player-portrait { background: linear-gradient(145deg,#dfe8f5,#f5f8fc); }
.player-portrait > span { color: #c4d4e9; }
.player-card h2, .player-profile h1 { color: var(--navy); }
.profile-image > span { color: #e2eaf6; }
.article-player-links a { color: var(--navy); border-color: #c9d6e8; }
.article-match-link { background: #eaf0f8; border-left: 3px solid var(--red); }

.community { background: var(--navy); }
.community-inner {
  background: linear-gradient(90deg,transparent 69%,#ffffff18 69%,#ffffff18 69.35%,#b8183c 69.35%,#b8183c 73.65%,#ffffff18 73.65%,#ffffff18 74%,transparent 74%);
}
.community p, .community .eyebrow { color: #c1d2e9; }
.social-links a { background: #072451ed; border-color: #45628d; }
footer { background: #061d44; color: #bacbe2; }
.footer-bottom { border-color: #2a446b; }
#toast { border-left-color: var(--red); }

@media(max-width:760px) {
  .header-inner nav { background: var(--navy); border-bottom-color: #3a5682; }
  .ticker-label { padding: 0 11px 0 9px; margin-right: 5px; }
  .news-wire > .section-title { padding: 17px 20px; margin: -20px -20px 0; }
  .match-band-label { flex-direction: row; justify-content: flex-start; border-bottom: 0; }
  .briefing-heading { border-bottom-color: #345787; }
  .community-inner { background: linear-gradient(90deg,transparent 85%,#ffffff18 85%,#ffffff18 85.5%,#b8183c 85.5%,#b8183c 91.5%,#ffffff18 91.5%,#ffffff18 92%,transparent 92%); }
}
