/* AAT Brand Kit 2027 look (owner, 25 Oct 2026): colours and surfaces from the brand kit, the AAT single swash (the main symbol) used
   very lightly (a faint pattern and one large faint watermark in the red openings and the footer). FONTS ARE NOT CHANGED.
   Loaded after app.css and mag.css; remove this one <link> from index.html to return to the previous look. */
:root:not([data-theme="dark"]) {
  --red: #D21F26; --red-2: #D21F26; --red-t: #C4141C;
  --bg: #FFFFFF; --surface: #FFFFFF; --soft: #F4EEEA; --ink: #1A1314; --text: #2A2022; --muted: #5B4D4F; --line: #E6DCD7;
  --shadow: 0 18px 40px -22px rgba(26, 19, 20, .45);
  --aat-deep: #7A0A10; --aat-sand: #F4EEEA; --aat-gold: #B8913A;
}
body::before { opacity: 0 !important; }

/* header: a flat white bar across the page with a thin line under it (brand kit "Website header") */
#hdr { padding: 0; background: #FFFFFF; border-bottom: 1px solid var(--line); box-shadow: 0 6px 18px -16px rgba(26, 19, 20, .5); }
#hdr .hd { border-radius: 0; border: 0; box-shadow: none; background: transparent; }
#hdr.scrolled .hd { max-width: 1480px; }
#hdr .hd-nav a[aria-current="page"] { color: var(--red); }
#hdr .hd-ind { height: 3px; background: var(--red); }

/* red openings (home and every inner page): flat AAT red, the single-swash pattern barely visible, one big faint single swash at the end side */
#app header.ph:not(.co):not(.mz-ph), #app section.hero {
  background: url("../img/brand/aat-pattern-red.svg") 0 0 / 96px 96px repeat, #D21F26 !important;
  box-shadow: inset 0 -6px 0 var(--aat-deep); isolation: isolate; overflow: hidden; }
#app header.ph:not(.co):not(.mz-ph) { margin-top: 0; padding-top: clamp(40px, 5.2vw, 76px); }
#app header.ph:not(.co):not(.mz-ph)::after, #app section.hero::after {
  content: "" !important; display: block !important; position: absolute; z-index: -1; pointer-events: none;
  inset-block: 8% 6%; inset-inline-end: 3%; width: min(40vw, 540px);
  background: url("../img/brand/aat-swash-white.svg") center / contain no-repeat; opacity: .035; }
[dir="rtl"] #app header.ph:not(.co):not(.mz-ph)::after, [dir="rtl"] #app section.hero::after { transform: scaleX(-1); }
#app section.hero::after { inset-inline-end: auto; inset-inline-start: 2%; opacity: .035; }
#app header.ph:not(.co):not(.mz-ph) .h1 { text-shadow: none; }

/* bands: white and the brand's silk sand, a thin warm line between sections */
#app section.sec:not(.cta):not(.facts):not(.trust):nth-of-type(odd) { background: var(--aat-sand); }
#app .pr-grp:nth-child(even) { box-shadow: 0 0 0 100vmax var(--aat-sand); }
#app section + section, #app .pr-grp { border-top-color: var(--line); }

/* cards: white, warm line, the brand's soft shadow */
.pc, .cc, .ac, .nc, .card { border-color: var(--line); }
.btn-red { box-shadow: 0 10px 24px -12px rgba(210, 31, 38, .7); }
.btn-red:hover { background: #C4141C; }

/* dark boxes and the footer: brand ink, with the swash pattern at 5 % and a red rule on top */
.cta { background: url("../img/brand/aat-pattern-ink.svg") 0 0 / 96px 96px repeat, #1A1314; }
#ftr { background: url("../img/brand/aat-pattern-ink.svg") 0 0 / 96px 96px repeat, #1A1314; border-top: 6px solid #D21F26; }
.ft-nl, .ft-b { border-color: #3A2E30; }

/* AAT Business Club: gold is kept for the club (brand kit: anniversaries, awards, the Business Club) */
#app:has(.cbm) section.sec:not(.cta) h2.h2::after, #app:has(.cbm) section.sec:not(.cta) .sh .h2::after { background: var(--aat-gold); }
#app:has(.cbm) .cbm { box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 8px var(--aat-gold), 0 14px 30px -14px rgba(122, 10, 16, .6); }
#app:has(.cbm) .mem-pg { border-color: var(--aat-gold); color: #7A5A12; }
#app:has(.cbm) .mem-pg.on { background: var(--aat-gold); color: #1A1314; }