/* ALB AFTER90 — Orange × Blue edition, 2026-11-03 */
:root{--orange:#f47b20;--alb-blue:#1267bd;--alb-blue-bright:#3189ec;--alb-navy:#0b2344}
body{accent-color:#f47b20}
::selection{background:#f47b20;color:#081526}
a:focus-visible,button:focus-visible{outline:3px solid #4aa2ff;outline-offset:3px}
/* Main dark layout */
body:has(.hero){background:#091a2e}
body:has(.hero) .nav{background:linear-gradient(95deg,#071d3a 0%,#102d51 70%,#0c223b 100%);border-bottom:2px solid #f47b20}
body:has(.hero) .brand span{color:#ff8d38}
body:has(.hero) .tagline{color:#b7d7fb}
body:has(.hero) .hero:before{background-image:url('IMG_5328.jpeg');background-position:center 47%;background-size:cover;background-repeat:no-repeat;filter:saturate(1.12) contrast(1.04)}
body:has(.hero) .hero:after{background:linear-gradient(92deg,rgba(3,19,43,.96) 0%,rgba(5,32,68,.88) 35%,rgba(7,33,66,.55) 67%,rgba(4,24,49,.26) 100%),linear-gradient(0deg,#091a2e 0%,transparent 39%)}
body:has(.hero) .hero{border-bottom:5px solid #f47b20}
body:has(.hero) .eyebrow{color:#ff9e4e}
body:has(.hero) .latest{background:linear-gradient(125deg,#09284cfa,#152d48f5);border:1px solid #3189ec80;box-shadow:0 20px 60px #0011279c}
body:has(.hero) .latest-label{color:#ff923b}
body:has(.hero) .latest-link{border:1px solid #6bb2ff;color:#d9ecff}
body:has(.hero) .latest-link:hover{background:#1e69b7;color:#fff}
body:has(.hero) .round{background:#142e4b;border-color:#2e62954a}
body:has(.hero) .round:hover{border-color:#3189ec;background:#1d3e65}
body:has(.hero) .round.live{background:linear-gradient(150deg,#663013,#193c67);border-color:#f47b20}
body:has(.hero) .features{background:#102946;border-color:#2370bc55}
body:has(.hero) .feature{background:linear-gradient(155deg,#173a5c,#0e2847);border:1px solid #2e75ba80;border-top:3px solid #3189ec}
body:has(.hero) .feature:nth-child(2){border-top-color:#f47b20}
body:has(.hero) .feature .num{color:#f47b207a}
body:has(.hero) .article{background:#102b4a;border-color:#397cc0a0}
body:has(.hero) .article-art{background:linear-gradient(145deg,#f47b20 0%,#d65b12 48%,#173d7d 100%)}
body:has(.hero) .foot{background:#071b32;border-top:2px solid #245fa0}
/* Match center and review pages: clearer blue-orange identity without overriding pitch */
body:has(.match-stage){background:#eef5fc;color:#162c47}
body:has(.match-stage) .top{background:#092951;border-bottom:3px solid #f47b20}
body:has(.match-stage) .match-stage{background:linear-gradient(120deg,#082d61,#1359a0,#0d2544)}
body:has(.match-stage) .team-card{border:1px solid #85b4e3;background:#f8fbff}
body:has(.match-stage) .match-panel{border-color:#83b5e4;background:#fff}
body:has(.match-stage) h2{border-left-color:#f47b20}
body:has(.match-stage) .footer{background:#092951}
body:has(.article-hero) .site-nav{background:#092951;border-bottom:3px solid #f47b20}
body:has(.article-hero) .article-hero{background:linear-gradient(120deg,#082345 0%,#155a99 65%,#112d4c 100%);border-bottom-color:#f47b20}
/* Utility pages */
body:has(main.wrap):not(:has(.hero)):not(:has(.match-stage)):not(:has(.article-hero)) header{background:#0b2b52;border-bottom:3px solid #f47b20}
body:has(main.wrap):not(:has(.hero)):not(:has(.match-stage)):not(:has(.article-hero)) .panel{border-color:#356fa2;background:#122b48}
body:has(main.wrap):not(:has(.hero)):not(:has(.match-stage)):not(:has(.article-hero)) footer{background:#092445}
@media(max-width:600px){body:has(.hero) .hero:before{background-position:57% center}body:has(.hero) .hero:after{background:linear-gradient(90deg,#061c3bef 0%,#092d55d0 69%,#09244791 100%),linear-gradient(0deg,#091a2e 0%,transparent 45%)}}

/* 2026-11-03: ALB-inspired high-clarity palette. Design interpretations, not official hex codes. */
:root{--orange:#ff861c;--alb-blue:#166ab4;--alb-blue-bright:#3193e5;--alb-navy:#10294a;--alb-cream:#fff9f2}
body:has(.hero){background:#10223d;color:#f8fbff}
body:has(.hero) .nav{background:#0d2b53;border-bottom:4px solid #ff861c}
body:has(.hero) .links a{color:#f0f6ff}
body:has(.hero) .links a:hover{color:#ffb76a}
body:has(.hero) .brand span{color:#ff921f}
body:has(.hero) .hero:after{background:linear-gradient(90deg,rgba(8,29,59,.96) 0%,rgba(12,42,78,.84) 38%,rgba(12,42,78,.48) 66%,rgba(10,26,48,.18) 100%),linear-gradient(0deg,#10223d 0%,transparent 43%)}
body:has(.hero) .hero h1{color:#fff;text-shadow:0 3px 15px #07172d}
body:has(.hero) .hero p{color:#f1f6fc}
body:has(.hero) .btn{background:#ff861c;border-color:#ff861c;color:#10213b}
body:has(.hero) .btn:hover{background:#ffab60;border-color:#ffab60;color:#071d37}
body:has(.hero) .btn.alt{background:#153f72;border-color:#a8d4ff;color:#fff}
body:has(.hero) .btn.alt:hover{background:#1d65ae;border-color:#fff}
body:has(.hero) .latest{background:linear-gradient(120deg,#17467d,#102f5d);border:2px solid #4094db}
body:has(.hero) .latest-label{color:#ffab60}
body:has(.hero) .scoreline strong{color:#fff}
body:has(.hero) .scoreline em{color:#ff9d46}
body:has(.hero) .round{background:#173c70;border:1px solid #3f80bb}
body:has(.hero) .round small{color:#f0f5ff}
body:has(.hero) .round .status{background:#254d7e;color:#eff6ff}
body:has(.hero) .round.live{background:linear-gradient(145deg,#9d4717,#234a83);border:2px solid #ff9a36}
body:has(.hero) .round.live .status{background:#ff861c;color:#0b223b}
body:has(.hero) .features{background:#123a6b;border-top:4px solid #ff861c;border-bottom:4px solid #247ac0}
body:has(.hero) .feature{background:#163e73;border:1px solid #518fc8;border-top:4px solid #ff861c}
body:has(.hero) .feature:nth-child(2){border-top-color:#55b1f2}
body:has(.hero) .feature h3{color:#fff}
body:has(.hero) .feature p{color:#e0ecf9}
body:has(.hero) .feature .num{color:#ffb56a}
body:has(.hero) .feature a{color:#ffc58c;text-decoration:underline;text-underline-offset:3px}
body:has(.hero) .article{background:#153963;border-color:#4386c2}
body:has(.hero) .article-art{background:linear-gradient(125deg,#ff871d 0%,#eb6b17 52%,#1c64ab 100%);color:#101d31}
body:has(.hero) .article-copy h3{color:#fff}
body:has(.hero) .article-copy p{color:#dfeaf5}
body:has(.hero) .article-copy .eyebrow{color:#ffb56a}
body:has(.hero) .section-lead,body:has(.hero) .note{color:#d6e6f5}
body:has(.hero) .foot{background:#0c294e;border-top:4px solid #ff861c}
body:has(.hero) .foot p,body:has(.hero) .foot .small{color:#dae9f7}
body:has(.match-stage){background:#f4f8ff;color:#142c47}
body:has(.match-stage) .match-stage{background:linear-gradient(125deg,#0d3f7e,#1679c4);border-bottom:5px solid #ff861c}
body:has(.match-stage) .team-card{background:#fff;border:2px solid #99c7e8}
body:has(.match-stage) .match-panel{background:#fff;border:2px solid #93bce2}
body:has(.match-stage) .top,body:has(.match-stage) .footer{background:#103a70}
body:has(.article-hero) .article-hero{background:linear-gradient(110deg,#103e77,#1f78b8);border-bottom:6px solid #ff861c}
body:has(.article-hero) .site-nav{background:#103a70}
body:has(main.wrap):not(:has(.hero)):not(:has(.match-stage)):not(:has(.article-hero)){background:#10294a;color:#f8fbff}
body:has(main.wrap):not(:has(.hero)):not(:has(.match-stage)):not(:has(.article-hero)) header{background:#124477}
body:has(main.wrap):not(:has(.hero)):not(:has(.match-stage)):not(:has(.article-hero)) .panel{background:#17416b;border:1px solid #4388bd}
body:has(main.wrap):not(:has(.hero)):not(:has(.match-stage)):not(:has(.article-hero)) footer{background:#0a2546}
@media(max-width:600px){body:has(.hero) .hero:after{background:linear-gradient(90deg,rgba(7,31,64,.94),rgba(11,43,82,.75) 78%,rgba(11,35,66,.52)),linear-gradient(0deg,#10223d,transparent 42%)}}

/* Hero photography: use an actual image layer so the owner's stadium photo is reliably rendered. */
body:has(.hero) .hero{isolation:isolate;background:#10294a}
body:has(.hero) .hero:before{content:none!important;background:none!important}
body:has(.hero) .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block;z-index:0;filter:saturate(1.16) contrast(1.06)}
body:has(.hero) .hero:after{z-index:1;background:linear-gradient(90deg,rgba(7,27,54,.88) 0%,rgba(9,33,64,.67) 35%,rgba(7,27,54,.24) 72%,rgba(7,27,54,.10) 100%),linear-gradient(0deg,#10223d 0%,transparent 30%)}
body:has(.hero) .hero-inner{position:relative;z-index:2}
@media(max-width:600px){body:has(.hero) .hero-photo{object-position:56% center}body:has(.hero) .hero:after{background:linear-gradient(90deg,rgba(7,27,54,.89),rgba(9,33,64,.69) 75%,rgba(7,27,54,.40)),linear-gradient(0deg,#10223d,transparent 35%)}}