/* Telqaris Connect 26.4.11 - Brand book palette (v1.4, approved 17 Oct 2026). Loaded ONLY when Staff Portal >
 * Admin > Website Admin > Website look is "Brand book"; the classic stylesheets are untouched.
 * One CSS custom-property token set drives both themes: light on html[data-palette=brand], dark on
 * html[data-palette=brand][data-theme=dark] (the default). Fonts: SIL OFL, self-hosted (fonts/README.txt). */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:optional;src:url(/brand/fonts/inter-var-latin.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:optional;src:url(/brand/fonts/space-grotesk-var-latin.woff2) format("woff2")}
@font-face{font-family:"Space Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/brand/fonts/space-mono-400-latin.woff2) format("woff2")}
@font-face{font-family:"Space Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/brand/fonts/space-mono-700-latin.woff2) format("woff2")}
/* 26.4.29.1 CLS fix: metric-matched local fallbacks, so text keeps its size and line breaks when the web fonts swap in.
   Values from Arial/Liberation Sans/Arimo (identical metrics) vs the self-hosted fonts; see patches/02-cls/font-metrics.py. */
@font-face{font-family:"Telqaris Inter Fallback";font-style:normal;font-weight:100 500;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("LiberationSans"),local("Arimo");size-adjust:106.63%;ascent-override:90.85%;descent-override:22.62%;line-gap-override:0%}
@font-face{font-family:"Telqaris Inter Fallback";font-style:normal;font-weight:600 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Arimo Bold"),local("Arimo-Bold");size-adjust:101.90%;ascent-override:95.07%;descent-override:23.67%;line-gap-override:0%}
@font-face{font-family:"Telqaris Space Grotesk Fallback";font-style:normal;font-weight:100 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Arimo Bold"),local("Arimo-Bold");size-adjust:101.09%;ascent-override:97.34%;descent-override:28.89%;line-gap-override:0%}
/* tokens: scales + light/dark semantics come from tokens.generated.css
 * (scripts/build-theme.mjs, SITE_THEME=theme-yc|theme-telqaris). Do not hardcode brand hexes here.
 */
html[data-palette=brand]{--yc-section-ink-l:var(--yc-magenta-600);--yc-section-tint-l:var(--yc-magenta-50);--yc-section-border-l:var(--yc-magenta-200);--yc-section-ink-d:var(--yc-magenta-400);--yc-section-tint-d:var(--yc-magenta-950);--yc-section-border-d:var(--yc-magenta-800);}
/* Per-section accents: set data-section on <body> or any wrapper. */
html[data-palette=brand] [data-section="home"],html[data-palette=brand][data-section="home"]{--yc-section:var(--yc-magenta-500);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-magenta-600);--yc-section-tint-l:var(--yc-magenta-50);--yc-section-border-l:var(--yc-magenta-200);--yc-section-ink-d:var(--yc-magenta-400);--yc-section-tint-d:var(--yc-magenta-950);--yc-section-border-d:var(--yc-magenta-800);}
html[data-palette=brand] [data-section="products"],html[data-palette=brand][data-section="products"]{--yc-section:var(--yc-magenta-500);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-magenta-600);--yc-section-tint-l:var(--yc-magenta-50);--yc-section-border-l:var(--yc-magenta-200);--yc-section-ink-d:var(--yc-magenta-400);--yc-section-tint-d:var(--yc-magenta-950);--yc-section-border-d:var(--yc-magenta-800);}
html[data-palette=brand] [data-section="about"],html[data-palette=brand][data-section="about"]{--yc-section:var(--yc-lime-400);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-lime-700);--yc-section-tint-l:var(--yc-lime-50);--yc-section-border-l:var(--yc-lime-200);--yc-section-ink-d:var(--yc-lime-400);--yc-section-tint-d:var(--yc-lime-950);--yc-section-border-d:var(--yc-lime-800);}
html[data-palette=brand] [data-section="case-studies"],html[data-palette=brand][data-section="case-studies"]{--yc-section:var(--yc-aqua-400);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-aqua-700);--yc-section-tint-l:var(--yc-aqua-50);--yc-section-border-l:var(--yc-aqua-200);--yc-section-ink-d:var(--yc-aqua-400);--yc-section-tint-d:var(--yc-aqua-950);--yc-section-border-d:var(--yc-aqua-800);}
html[data-palette=brand] [data-section="search"],html[data-palette=brand][data-section="search"]{--yc-section:var(--yc-coral-400);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-coral-700);--yc-section-tint-l:var(--yc-coral-50);--yc-section-border-l:var(--yc-coral-200);--yc-section-ink-d:var(--yc-coral-400);--yc-section-tint-d:var(--yc-coral-950);--yc-section-border-d:var(--yc-coral-800);}
html[data-palette=brand] [data-section="events"],html[data-palette=brand][data-section="events"]{--yc-section:var(--yc-yellow-200);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-yellow-700);--yc-section-tint-l:var(--yc-yellow-50);--yc-section-border-l:var(--yc-yellow-200);--yc-section-ink-d:var(--yc-yellow-200);--yc-section-tint-d:var(--yc-yellow-950);--yc-section-border-d:var(--yc-yellow-800);}
html[data-palette=brand] [data-section="news"],html[data-palette=brand][data-section="news"]{--yc-section:var(--yc-sky-400);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-sky-700);--yc-section-tint-l:var(--yc-sky-50);--yc-section-border-l:var(--yc-sky-200);--yc-section-ink-d:var(--yc-sky-400);--yc-section-tint-d:var(--yc-sky-950);--yc-section-border-d:var(--yc-sky-800);}
html[data-palette=brand] [data-section="contact"],html[data-palette=brand][data-section="contact"]{--yc-section:var(--yc-amber-300);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-amber-700);--yc-section-tint-l:var(--yc-amber-50);--yc-section-border-l:var(--yc-amber-200);--yc-section-ink-d:var(--yc-amber-300);--yc-section-tint-d:var(--yc-amber-950);--yc-section-border-d:var(--yc-amber-800);}
html[data-palette=brand] [data-section="public-sector"],html[data-palette=brand][data-section="public-sector"]{--yc-section:var(--yc-emerald-500);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-emerald-700);--yc-section-tint-l:var(--yc-emerald-50);--yc-section-border-l:var(--yc-emerald-200);--yc-section-ink-d:var(--yc-emerald-500);--yc-section-tint-d:var(--yc-emerald-950);--yc-section-border-d:var(--yc-emerald-800);}
html[data-palette=brand] [data-section="stt"],html[data-palette=brand][data-section="stt"]{--yc-section:var(--yc-green-500);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-green-700);--yc-section-tint-l:var(--yc-green-50);--yc-section-border-l:var(--yc-green-200);--yc-section-ink-d:var(--yc-green-500);--yc-section-tint-d:var(--yc-green-950);--yc-section-border-d:var(--yc-green-800);}
html[data-palette=brand] [data-section="business"],html[data-palette=brand][data-section="business"]{--yc-section:var(--yc-violet-600);--yc-on-section:var(--yc-white);--yc-section-ink-l:var(--yc-violet-600);--yc-section-tint-l:var(--yc-violet-50);--yc-section-border-l:var(--yc-violet-200);--yc-section-ink-d:var(--yc-violet-500);--yc-section-tint-d:var(--yc-violet-950);--yc-section-border-d:var(--yc-violet-800);}
html[data-palette=brand] [data-section="telecoms"],html[data-palette=brand][data-section="telecoms"]{--yc-section:var(--yc-orange-300);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-orange-700);--yc-section-tint-l:var(--yc-orange-50);--yc-section-border-l:var(--yc-orange-200);--yc-section-ink-d:var(--yc-orange-300);--yc-section-tint-d:var(--yc-orange-950);--yc-section-border-d:var(--yc-orange-800);}
html[data-palette=brand] [data-section="everyone"],html[data-palette=brand][data-section="everyone"]{--yc-section:var(--yc-rose-500);--yc-on-section:var(--yc-ink);--yc-section-ink-l:var(--yc-rose-700);--yc-section-tint-l:var(--yc-rose-50);--yc-section-border-l:var(--yc-rose-200);--yc-section-ink-d:var(--yc-rose-500);--yc-section-tint-d:var(--yc-rose-950);--yc-section-border-d:var(--yc-rose-800);}
html[data-palette=brand] [data-section],html[data-palette=brand][data-section]{--yc-section-ink:var(--yc-section-ink-l);--yc-section-tint:var(--yc-section-tint-l);--yc-section-border:var(--yc-section-border-l);}
html[data-palette=brand][data-theme=dark] [data-section],html[data-palette=brand][data-theme=dark][data-section]{--yc-section-ink:var(--yc-section-ink-d);--yc-section-tint:var(--yc-section-tint-d);--yc-section-border:var(--yc-section-border-d);}
/* Focus: 2px gap + 3px ring, visible on every surface and on neon fills */
html[data-palette=brand] :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--yc-focus);outline-offset:2px;box-shadow:0 0 0 2px var(--yc-focus-gap);}

/* Extra semantic tokens (band/hero/cta/violet/orange) emitted by tokens.generated.css. */

/* ---- base: type, surfaces, focus (brand book sections 9, 10, 14) ---- */
html[data-palette=brand] body{font-family:var(--yc-font-body);background:var(--yc-bg);color:var(--yc-text)}
html[data-palette=brand] h1,html[data-palette=brand] h2,html[data-palette=brand] h3,html[data-palette=brand] h4,html[data-palette=brand] .brand-text b,html[data-palette=brand] .yc-staff-brand-text b,html[data-palette=brand] .speed,html[data-palette=brand] .plan .plan-speed,html[data-palette=brand] .plan .price{font-family:var(--yc-font-display);letter-spacing:-.01em}
html[data-palette=brand] h1{font-weight:700}html[data-palette=brand] h2{font-weight:600}html[data-palette=brand] h3{font-weight:600}
html[data-palette=brand] .eyebrow,html[data-palette=brand] .yc-eyebrow,html[data-palette=brand] .pill,html[data-palette=brand] .example-tag,html[data-palette=brand] .plan .badge{font-family:var(--yc-font-mono);font-weight:700;letter-spacing:.08em}
html[data-palette=brand] code,html[data-palette=brand] kbd,html[data-palette=brand] pre,html[data-palette=brand] .yc-mono{font-family:var(--yc-font-mono)}
html[data-palette=brand] a{color:var(--yc-link)}
html[data-palette=brand] a:hover{color:var(--yc-link-hover)}
html[data-palette=brand] :focus-visible{outline:3px solid var(--yc-focus);outline-offset:2px;box-shadow:0 0 0 2px var(--yc-focus-gap)}
html[data-palette=brand] ::selection{background:var(--yc-accent-pink);color:var(--yc-ink)}
html[data-palette=brand] hr{border-color:var(--yc-line)}
/* form controls: WCAG 1.4.11 needs 3:1 for the control boundary, so use line-strong */
html[data-palette=brand] input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):not([type=color]),html[data-palette=brand] select,html[data-palette=brand] textarea{background-color:var(--yc-input-bg);color:var(--yc-text);border-color:var(--yc-line-strong)}
html[data-palette=brand] input::placeholder,html[data-palette=brand] textarea::placeholder{color:var(--yc-text-muted);opacity:1}
html[data-palette=brand] input[type=checkbox],html[data-palette=brand] input[type=radio]{accent-color:var(--yc-brand)}
html[data-palette=brand] table{color:inherit}
/* ---- header and the theme toggle ---- */
html[data-palette=brand] .site-header{background:var(--yc-header-bg);border-bottom-color:var(--yc-line)}
html[data-palette=brand] .brand{color:var(--yc-text)}
html[data-palette=brand] .brand svg stop:first-child{stop-color:var(--yc-brand-neon)}
html[data-palette=brand] .brand svg stop:last-child{stop-color:var(--yc-violet-solid)}
html[data-palette=brand] .yc-staff-brand svg stop:first-child{stop-color:var(--yc-brand-neon)}
html[data-palette=brand] .yc-staff-brand svg stop:last-child{stop-color:var(--yc-violet-solid)}
html[data-palette=brand] .brand-text b span{color:var(--yc-brand)}
html[data-palette=brand] .main-nav a{color:var(--yc-text-2)}
html[data-palette=brand] .main-nav a:hover,html[data-palette=brand] .main-nav .current-menu-item>a,html[data-palette=brand] .main-nav .current_page_item>a{background:var(--yc-brand-tint);color:var(--yc-text)}
html[data-palette=brand] .header-login{color:var(--yc-text)}
html[data-palette=brand] .header-login:hover{color:var(--yc-link)}
html[data-palette=brand] .nav-toggle{color:var(--yc-text);border-color:var(--yc-line-strong)}
.yc-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--yc-line-strong);background:transparent;color:var(--yc-text);font:600 .9rem/1 var(--yc-font-body);cursor:pointer;white-space:nowrap}
.yc-theme-toggle svg{width:20px;height:20px;flex:0 0 auto}
.yc-theme-toggle:hover{background:var(--yc-brand-tint);border-color:var(--yc-brand)}
.yc-theme-toggle .yc-tt-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-theme=dark] .yc-theme-toggle .yc-tt-sun{display:none}
html[data-theme=light] .yc-theme-toggle .yc-tt-moon{display:none}
.yc-theme-toggle-staff{color:var(--yc-band-heading);border-color:color-mix(in srgb,var(--yc-band-overlay) 40%,transparent);height:36px;min-width:36px;padding:0 9px}
.yc-theme-toggle-staff:hover{background:color-mix(in srgb,var(--yc-band-overlay) 12%,transparent);border-color:var(--yc-band-accent)}
/* ---- buttons: light = magenta-600 + white; dark = neon + ink ---- */
html[data-palette=brand] .btn-primary,html[data-palette=brand] .wpcf7 input[type=submit]{background:var(--yc-btn-bg,var(--yc-brand));color:var(--yc-btn-fg,var(--yc-on-brand));box-shadow:none}
html[data-palette=brand] .btn-primary:hover,html[data-palette=brand] .wpcf7 input[type=submit]:hover{background:var(--yc-btn-bg-hover,var(--yc-brand-hover));color:var(--yc-btn-fg,var(--yc-on-brand))}
html[data-palette=brand] .btn-ghost{color:var(--yc-text);border-color:var(--yc-line-strong)}
html[data-palette=brand] .btn-ghost:hover{border-color:var(--yc-brand);color:var(--yc-link)}
html[data-palette=brand] .btn-light{background:var(--yc-white);color:var(--yc-ink)}
html[data-palette=brand] .btn-light:hover{background:var(--yc-brand-tint);color:var(--yc-ink)}

/* GENERATED by gen_overrides.py from the classic CSS: hard-coded colours re-pointed at brand tokens. Do not edit; edit brand-base.css. */
/* style.css */
html[data-palette=brand] .skip-link{color:var(--yc-on-brand)}
html[data-palette=brand] :focus-visible{outline:3px solid var(--yc-focus)}
html[data-palette=brand] .topbar{background:var(--yc-band-bg);color:var(--yc-band-text-2)}
html[data-palette=brand] .topbar strong{color:var(--yc-band-accent)}
html[data-palette=brand] .site-header{background:color-mix(in srgb,var(--yc-bg) 92%,transparent)}
html[data-palette=brand] .btn-primary{color:var(--yc-on-brand);box-shadow:0 8px 20px -8px color-mix(in srgb,var(--yc-focus) 60%,transparent)}
html[data-palette=brand] .btn-primary:hover{color:var(--yc-on-brand)}
html[data-palette=brand] .btn-light{background:var(--yc-surface)}
html[data-palette=brand] .btn-mint{background:var(--yc-accent);color:var(--yc-on-accent)}
html[data-palette=brand] .btn-mint:hover{color:var(--yc-on-accent)}
html[data-palette=brand] .section-dark{background:var(--yc-band-bg);color:var(--yc-band-text-2)}
html[data-palette=brand] .section-dark h2,html[data-palette=brand] .section-dark h3{color:var(--yc-band-heading)}
html[data-palette=brand] .section-dark .eyebrow{color:var(--yc-band-accent)}
html[data-palette=brand] .section-dark .lead{color:var(--yc-band-text-2)}
html[data-palette=brand] .hero{background:radial-gradient(1200px 600px at 85% -10%,color-mix(in srgb,var(--yc-brand) 35%,transparent),transparent 60%),radial-gradient(800px 500px at -10% 110%,color-mix(in srgb,var(--yc-accent) 22%,transparent),transparent 60%),var(--yc-hero-bg);color:var(--yc-hero-text-2)}
html[data-palette=brand] .hero h1{color:var(--yc-hero-heading)}
html[data-palette=brand] .hero h1 em{background:linear-gradient(90deg,var(--yc-accent),var(--yc-brand-border))}
html[data-palette=brand] .hero .lead{color:var(--yc-hero-text-2)}
html[data-palette=brand] .hero-points{color:var(--yc-hero-text-2)}
html[data-palette=brand] .hero-points li::before{color:var(--yc-hero-accent)}
html[data-palette=brand] .page-hero{background:radial-gradient(900px 400px at 90% -20%,color-mix(in srgb,var(--yc-brand) 35%,transparent),transparent 60%),var(--yc-hero-bg);color:var(--yc-hero-text-2)}
html[data-palette=brand] .page-hero h1{color:var(--yc-hero-heading)}
html[data-palette=brand] .page-hero .lead{color:var(--yc-hero-text-2)}
html[data-palette=brand] .crumbs{color:var(--yc-hero-text-2)}
html[data-palette=brand] .crumbs a{color:var(--yc-hero-text-2)}
html[data-palette=brand] .postcode-form{background:var(--yc-surface)}
html[data-palette=brand] .postcode-form input::placeholder{color:var(--yc-text-muted)}
html[data-palette=brand] .postcode-form:focus-within{box-shadow:0 0 0 3px var(--yc-focus),var(--shadow-lg)}
html[data-palette=brand] .form-note{color:var(--yc-hero-text-2)}
html[data-palette=brand] .signal-card{background:linear-gradient(160deg,color-mix(in srgb,var(--yc-hero-overlay) 12%,transparent),color-mix(in srgb,var(--yc-hero-overlay) 4%,transparent));border:1px solid color-mix(in srgb,var(--yc-hero-overlay) 14%,transparent)}
html[data-palette=brand] .signal-card .sc-top{color:var(--yc-hero-text-2)}
html[data-palette=brand] .pill-mint{background:color-mix(in srgb,var(--yc-accent) 16%,transparent);color:var(--yc-accent-ink)}
html[data-palette=brand] .pill-sun{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .pill-blue{background:var(--yc-brand-tint)}
html[data-palette=brand] .speed{color:var(--yc-hero-heading)}
html[data-palette=brand] .speed small{color:var(--yc-hero-text-2)}
html[data-palette=brand] .bars span{background:linear-gradient(180deg,var(--yc-accent),color-mix(in srgb,var(--yc-brand) 70%,transparent))}
html[data-palette=brand] .sc-row div{background:color-mix(in srgb,var(--yc-hero-overlay) 6%,transparent);color:var(--yc-hero-text-2)}
html[data-palette=brand] .sc-row b{color:var(--yc-hero-heading)}
html[data-palette=brand] .float-chip{background:var(--yc-surface)}
html[data-palette=brand] .float-chip i{background:var(--yc-brand-tint)}
html[data-palette=brand] .card{background:var(--yc-surface);box-shadow:0 1px 0 color-mix(in srgb,var(--yc-shadow-color) 2%,transparent)}
html[data-palette=brand] .card:hover{border-color:var(--yc-brand-border)}
html[data-palette=brand] .card .icon{background:var(--yc-brand-tint)}
html[data-palette=brand] .card .icon.mint{background:var(--yc-accent-tint);color:var(--yc-accent-ink)}
html[data-palette=brand] .card .icon.sun{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .ticks li::before{background-color:var(--yc-accent-tint)}
html[data-palette=brand] .section-dark .ticks li{color:var(--yc-band-text-2)}
html[data-palette=brand] .plan{background:var(--yc-surface)}
html[data-palette=brand] .plan .badge{color:var(--yc-on-brand)}
html[data-palette=brand] .example-tag{background:var(--yc-warning-bg);color:var(--yc-warning);border:1px dashed var(--yc-warning-solid)}
html[data-palette=brand] .notice{background:var(--yc-warning-bg);border:1px solid var(--yc-warning-border);border-left:5px solid var(--yc-warning-solid);color:var(--yc-warning)}
html[data-palette=brand] .notice strong{color:var(--yc-warning)}
html[data-palette=brand] .notice.info{background:var(--yc-brand-tint);border-color:var(--yc-brand-border);color:var(--yc-brand)}
html[data-palette=brand] .step{background:var(--yc-surface)}
html[data-palette=brand] .step::before{background:var(--yc-band-bg);color:var(--yc-band-accent)}
html[data-palette=brand] .panel{background:linear-gradient(160deg,var(--yc-band-bg),var(--yc-band-bg));color:var(--yc-band-text-2)}
html[data-palette=brand] .panel h3{color:var(--yc-band-heading)}
html[data-palette=brand] .kv span:nth-child(even){color:var(--yc-band-heading)}
html[data-palette=brand] .cta-band{background:linear-gradient(120deg,var(--brand),var(--yc-brand) 60%,var(--yc-brand));color:var(--yc-cta-text-2)}
html[data-palette=brand] .cta-band h2{color:var(--yc-cta-heading)}
html[data-palette=brand] .cta-band p{color:var(--yc-cta-text-2)}
html[data-palette=brand] .faq details{background:var(--yc-surface)}
html[data-palette=brand] .form-card{background:var(--yc-surface)}
html[data-palette=brand] .wpcf7 input[type=text],html[data-palette=brand] .wpcf7 input[type=email],html[data-palette=brand] .wpcf7 input[type=tel],html[data-palette=brand] .wpcf7 select,html[data-palette=brand] .wpcf7 textarea{background:var(--yc-surface)}
html[data-palette=brand] .wpcf7 input:focus,html[data-palette=brand] .wpcf7 select:focus,html[data-palette=brand] .wpcf7 textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--yc-focus) 15%,transparent)}
html[data-palette=brand] .wpcf7 input[type=submit]{color:var(--yc-on-brand)}
html[data-palette=brand] .site-footer{background:var(--yc-band-bg);color:var(--yc-band-text-2)}
html[data-palette=brand] .site-footer h4{color:var(--yc-band-heading)}
html[data-palette=brand] .site-footer a{color:var(--yc-band-text-2)}
html[data-palette=brand] .site-footer a:hover{color:var(--yc-band-accent)}
html[data-palette=brand] .site-footer .brand{color:var(--yc-band-heading)}
html[data-palette=brand] .site-footer .brand-text b span{color:var(--yc-band-accent)}
html[data-palette=brand] .site-footer .brand-text small{color:var(--yc-band-text-2)}
html[data-palette=brand] .footer-legal{border-top:1px solid var(--yc-surface)}
@media (max-width:980px){html[data-palette=brand] .main-nav{background:var(--yc-surface)}}
html[data-palette=brand] .seg button[aria-selected=true]{background:var(--yc-surface);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--yc-shadow-color) 20%,transparent)}
html[data-palette=brand] .hero .seg{background:color-mix(in srgb,var(--yc-hero-overlay) 8%,transparent);border-color:color-mix(in srgb,var(--yc-hero-overlay) 15%,transparent)}
html[data-palette=brand] .hero .seg button{color:var(--yc-hero-text-2)}
html[data-palette=brand] .hero .seg button[aria-selected=true]{background:var(--yc-white)}
html[data-palette=brand] .timeline li::before{box-shadow:0 0 0 4px var(--yc-focus)}
html[data-palette=brand] .check-item{background:var(--yc-surface)}
html[data-palette=brand] .check-item i{background:var(--yc-warning-bg)}
html[data-palette=brand] .port-banner{background:linear-gradient(120deg,var(--yc-accent-tint),var(--yc-brand-tint));border:1px solid var(--yc-accent-border)}
html[data-palette=brand] .port-banner .pb-icon{background:var(--yc-surface);color:var(--yc-accent-ink)}
html[data-palette=brand] .pill-free{background:var(--yc-accent);color:var(--yc-on-accent)}
html[data-palette=brand] .hero .eyebrow,html[data-palette=brand] .page-hero .eyebrow{color:var(--yc-hero-accent)}
html[data-palette=brand] .notice.info strong{color:var(--yc-brand)}
@media (max-width:1240px){html[data-palette=brand] .main-nav{background:var(--yc-surface)}}
/* address-map.css */
html[data-palette=brand] .yc-whs{background:var(--yc-surface-2)}
html[data-palette=brand] .yc-whs-ok{background:var(--yc-success-bg)}
html[data-palette=brand] .yc-whs-ok .yc-whs-state{color:var(--yc-success)}
html[data-palette=brand] .yc-whs-warn{background:var(--yc-warning-bg)}
html[data-palette=brand] .yc-whs-warn .yc-whs-state{color:var(--yc-warning)}
html[data-palette=brand] .yc-whs-no .yc-whs-state{color:var(--yc-text-muted)}
html[data-palette=brand] .yc-map-canvas{background:var(--yc-surface-3)}
html[data-palette=brand] .yc-whs-no{color:var(--yc-text-muted)}
/* help.css */
html[data-palette=brand] .yc-help-hero{background:radial-gradient(900px 340px at 90% -40%,color-mix(in srgb,var(--brand) 35%,transparent),transparent 60%),radial-gradient(700px 300px at -10% 120%,color-mix(in srgb,var(--yc-accent) 18%,transparent),transparent 60%),var(--yc-hero-bg);color:var(--yc-hero-text-2)}
html[data-palette=brand] .yc-help-hero h1{color:var(--yc-hero-heading)}
html[data-palette=brand] .yc-help-lead{color:var(--yc-hero-text-2)}
html[data-palette=brand] .yc-help-crumbs li+li::before{color:var(--yc-hero-text-2)}
html[data-palette=brand] .yc-help-crumbs a{color:var(--yc-hero-text-2)}
html[data-palette=brand] .yc-help-crumbs a:hover{color:var(--yc-hero-heading)}
html[data-palette=brand] .yc-help-crumbs [aria-current]{color:var(--yc-hero-text-2)}
html[data-palette=brand] .yc-help-searchbox{background:var(--yc-surface)}
html[data-palette=brand] .yc-help-topic{background:var(--yc-surface)}
html[data-palette=brand] .yc-help-item{background:var(--yc-surface)}
html[data-palette=brand] .yc-help-body blockquote{border-left:4px solid var(--yc-accent)}
html[data-palette=brand] .yc-help-body pre{background:var(--yc-band-bg);color:var(--yc-band-text-2)}
html[data-palette=brand] .yc-help-toc,html[data-palette=brand] .yc-help-related{background:var(--yc-surface)}
/* phone.css */
html[data-palette=brand] .tqp-fab{color:var(--yc-on-brand);box-shadow:0 10px 24px -8px color-mix(in srgb,var(--yc-focus) 70%,transparent),0 2px 6px color-mix(in srgb,var(--yc-shadow-color) 25%,transparent)}
html[data-palette=brand] .tqp-fab:focus-visible{outline:3px solid var(--yc-focus)}
html[data-palette=brand] .tqp-fab-dot{border:2px solid var(--yc-surface);background:var(--yc-success-solid)}
html[data-palette=brand] .tqp-fab[data-status=offline] .tqp-fab-dot{background:var(--yc-neutral-solid)}
html[data-palette=brand] .tqp-panel{background:var(--yc-surface);box-shadow:0 24px 60px -20px color-mix(in srgb,var(--yc-shadow-color) 45%,transparent)}
html[data-palette=brand] .tqp-head{color:var(--yc-band-heading)}
html[data-palette=brand] .tqp-title{color:var(--yc-band-heading)}
html[data-palette=brand] .tqp-ext{color:var(--yc-band-text-2);background:color-mix(in srgb,var(--yc-band-overlay) 10%,transparent)}
html[data-palette=brand] .tqp-x{color:var(--yc-band-heading)}
html[data-palette=brand] .tqp-x:hover{background:color-mix(in srgb,var(--yc-band-overlay) 12%,transparent)}
html[data-palette=brand] .tqp-x:focus-visible,html[data-palette=brand] .tqp-st:focus-visible,html[data-palette=brand] .tqp-demo button:focus-visible{outline:2px solid var(--yc-focus)}
html[data-palette=brand] .tqp-st{border:1px solid color-mix(in srgb,var(--yc-band-overlay) 25%,transparent);color:var(--yc-band-text-2)}
html[data-palette=brand] .tqp-st[aria-pressed=true]{background:var(--yc-white);border-color:var(--yc-surface)}
html[data-palette=brand] .tqp-dot{background:var(--yc-success-solid)}
html[data-palette=brand] .tqp-st-offline .tqp-dot,html[data-palette=brand] .tqp-p-offline{background:var(--yc-neutral-solid)}
html[data-palette=brand] .tqp-mock{color:var(--yc-band-text-2)}
html[data-palette=brand] .tqp-badge{background:var(--yc-warning-solid);color:var(--yc-on-warning-solid)}
html[data-palette=brand] .tqp-demo{background:color-mix(in srgb,var(--yc-band-overlay) 8%,transparent)}
html[data-palette=brand] .tqp-demo-l{color:var(--yc-band-text-2)}
html[data-palette=brand] .tqp-demo button{color:var(--yc-band-text-2)}
html[data-palette=brand] .tqp-demo button[aria-pressed=true]{color:var(--yc-on-brand)}
html[data-palette=brand] .tqp-num{border:1px solid var(--yc-brand-border);background:var(--yc-surface)}
html[data-palette=brand] .tqp-num:focus{outline:3px solid var(--yc-focus)}
html[data-palette=brand] .tqp-key:hover{background:var(--yc-brand-tint);border-color:var(--yc-brand-border)}
html[data-palette=brand] .tqp-call,html[data-palette=brand] .tqp-answer{color:var(--yc-on-success-solid)}
html[data-palette=brand] .tqp-hang,html[data-palette=brand] .tqp-busy{color:var(--yc-on-danger-solid)}
html[data-palette=brand] .tqp-pri{color:var(--yc-on-brand)}
html[data-palette=brand] .tqp-sec{background:var(--yc-surface);border:1px solid var(--yc-brand-border)}
html[data-palette=brand] .tqp-rc-i{background:var(--yc-brand-tint)}
html[data-palette=brand] .tqp-rc-missed .tqp-rc-i{background:var(--yc-danger-bg)}
html[data-palette=brand] .tqp-av{background:linear-gradient(135deg,var(--yc-brand),var(--yc-accent));color:var(--yc-on-brand)}
html[data-palette=brand] .tqp-chip-cust{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .tqp-chip-pros{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .tqp-chip-unk{background:var(--yc-brand-tint);color:var(--yc-text-2)}
html[data-palette=brand] .tqp-ctl[aria-pressed=true]{color:var(--yc-band-heading)}
html[data-palette=brand] .tqp-dir-i{background:var(--yc-surface)}
html[data-palette=brand] .tqp-dir-i.is-sel{background:var(--yc-brand-tint)}
html[data-palette=brand] .tqp-consult{border:1px dashed var(--yc-brand-border);background:var(--yc-surface-2)}
html[data-palette=brand] .yc-tel-soon{border-left:4px solid var(--yc-warning-solid)}
html[data-palette=brand] a.tqp-ext{color:var(--yc-band-heading)}
html[data-palette=brand] a.tqp-ext:focus-visible{outline:2px solid var(--yc-focus)}
/* portal.css */
html[data-palette=brand] .yc-portal-hero{background:radial-gradient(800px 300px at 90% -40%,color-mix(in srgb,var(--yc-brand) 35%,transparent),transparent 60%),var(--yc-hero-bg);color:var(--yc-hero-text-2)}
html[data-palette=brand] .yc-portal-hero h1{color:var(--yc-hero-heading)}
html[data-palette=brand] .yc-eyebrow{color:var(--yc-hero-accent)}
html[data-palette=brand] .yc-lead{color:var(--yc-hero-text-2)}
html[data-palette=brand] .yc-subnav{background:var(--yc-surface)}
html[data-palette=brand] .yc-card{background:var(--yc-surface);box-shadow:0 1px 0 color-mix(in srgb,var(--yc-shadow-color) 2%,transparent)}
html[data-palette=brand] .yc-form input[type=text],html[data-palette=brand] .yc-form input[type=email],html[data-palette=brand] .yc-form input[type=password],html[data-palette=brand] .yc-form input[type=search],html[data-palette=brand] .yc-form input[type=number],html[data-palette=brand] .yc-form input[type=datetime-local],html[data-palette=brand] .yc-form input[type=date],html[data-palette=brand] .yc-form select,html[data-palette=brand] .yc-form textarea,html[data-palette=brand] .yc-filters input,html[data-palette=brand] .yc-filters select{background:var(--yc-surface)}
html[data-palette=brand] .yc-form input:focus,html[data-palette=brand] .yc-form select:focus,html[data-palette=brand] .yc-form textarea:focus,html[data-palette=brand] .yc-filters input:focus,html[data-palette=brand] .yc-filters select:focus{outline:3px solid var(--yc-focus)}
html[data-palette=brand] .yc-choice:has(input:checked){background:var(--yc-brand-tint)}
html[data-palette=brand] .yc-alert-ok{background:var(--yc-success-bg);border-color:var(--yc-success-border);color:var(--yc-success)}
html[data-palette=brand] .yc-alert-err{background:var(--yc-danger-bg);border-color:var(--yc-danger-border);color:var(--yc-danger)}
html[data-palette=brand] .yc-alert-info{background:var(--yc-brand-tint);border-color:var(--yc-brand-border);color:var(--yc-brand)}
html[data-palette=brand] .yc-viewas{background:var(--yc-warning-bg);border:1px solid var(--yc-warning-border);border-left:5px solid var(--yc-warning-solid);color:var(--yc-warning)}
html[data-palette=brand] .yc-badge-p1{background:var(--yc-danger-solid);color:var(--yc-on-danger-solid)}
html[data-palette=brand] .yc-badge-p2{background:var(--yc-orange-solid);color:var(--yc-on-orange-solid)}
html[data-palette=brand] .yc-badge-p3{background:var(--yc-warning-solid);color:var(--yc-on-warning-solid)}
html[data-palette=brand] .yc-badge-p4{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-badge-s-new{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-badge-s-assigned,html[data-palette=brand] .yc-badge-s-in_progress{background:var(--yc-info-bg);color:var(--yc-info)}
html[data-palette=brand] .yc-badge-s-pending_customer,html[data-palette=brand] .yc-badge-s-pending_third_party{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .yc-badge-s-resolved{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-badge-s-closed{background:var(--yc-brand-tint);color:var(--yc-text-muted)}
html[data-palette=brand] .yc-badge-type{background:var(--yc-band-bg);color:var(--yc-band-heading)}
html[data-palette=brand] .yc-badge-internal{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .yc-badge-warn{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .yc-badge-err{background:var(--yc-danger-bg);color:var(--yc-danger)}
html[data-palette=brand] .yc-badge-c-active{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-badge-c-suspended{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .yc-badge-c-closed{background:var(--yc-brand-tint);color:var(--yc-text-2)}
html[data-palette=brand] .yc-table tbody tr:hover{background:var(--yc-surface-2)}
html[data-palette=brand] .yc-msg{background:var(--yc-surface)}
html[data-palette=brand] .yc-msg-customer{background:var(--yc-surface)}
html[data-palette=brand] .yc-msg-staff{background:var(--yc-brand-tint);border-color:var(--yc-brand-border)}
html[data-palette=brand] .yc-msg-internal{background:var(--yc-warning-bg);border:1px dashed var(--yc-warning-solid)}
html[data-palette=brand] .yc-auth{background:linear-gradient(180deg,var(--soft),var(--yc-surface))}
html[data-palette=brand] .yc-auth-card{background:var(--yc-surface)}
html[data-palette=brand] .yc-ticks li::before{background-color:var(--yc-accent)}
html[data-palette=brand] .yc-pw-toggle:focus-visible{outline:3px solid var(--yc-focus)}
html[data-palette=brand] .yc-ok-text{color:var(--yc-success)}
html[data-palette=brand] .yc-badge-svc-live{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-badge-svc-pending{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-badge-svc-suspended{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .yc-badge-svc-ceased{background:var(--yc-brand-tint);color:var(--yc-text-muted)}
@media (max-width:640px){html[data-palette=brand] .yc-table.yc-svc-table tr{background:var(--yc-surface)}}
html[data-palette=brand] .yc-md-btn{background:var(--yc-surface)}
html[data-palette=brand] .yc-kb-preview{background:var(--yc-surface)}
html[data-palette=brand] .yc-kb-preview blockquote,html[data-palette=brand] .yc-kb-spoken{border-left:4px solid var(--yc-accent)}
html[data-palette=brand] .yc-kb-preview pre{background:var(--yc-band-bg);color:var(--yc-band-text-2)}
html[data-palette=brand] .yc-kb-self{border:1.5px solid var(--yc-warning-solid);background:var(--yc-warning-bg)}
html[data-palette=brand] .yc-kb-lint-err{color:var(--yc-danger)}
html[data-palette=brand] .yc-kb-token{background:var(--yc-surface)}
html[data-palette=brand] .yc-kb-diff td.diff-deletedline{background:var(--yc-danger-bg)}
html[data-palette=brand] .yc-kb-diff td.diff-addedline{background:var(--yc-success-bg)}
html[data-palette=brand] .yc-kb-diff del{background:var(--yc-danger-bg)}
html[data-palette=brand] .yc-kb-diff ins{background:var(--yc-success-border)}
html[data-palette=brand] .yc-kb-deflect-row input{background:var(--yc-surface)}
html[data-palette=brand] .yc-dd-toggle:focus-visible{outline:3px solid var(--yc-focus)}
html[data-palette=brand] .yc-subnav ul.yc-dd{background:var(--yc-surface);box-shadow:0 12px 32px color-mix(in srgb,var(--yc-shadow-color) 12%,transparent)}
html[data-palette=brand] .yc-pager [aria-current]{color:var(--yc-on-brand)}
html[data-palette=brand] .yc-danger-zone{border-color:var(--yc-danger-border)}
html[data-palette=brand] .yc-danger-zone h2{color:var(--yc-danger)}
html[data-palette=brand] .yc-swatch{background:var(--yc-surface)}
html[data-palette=brand] .yc-form input[type=tel],html[data-palette=brand] .yc-form input[type=time]{background:var(--yc-surface)}
html[data-palette=brand] .yc-form input[type=tel]:focus,html[data-palette=brand] .yc-form input[type=time]:focus{outline:3px solid var(--yc-focus)}
html[data-palette=brand] .yc-rag-dot{background:var(--yc-neutral-solid);box-shadow:0 0 0 3px color-mix(in srgb,var(--yc-shadow-color) 18%,transparent)}
html[data-palette=brand] .yc-rag-green .yc-rag-dot{background:var(--yc-success-solid);box-shadow:0 0 0 3px color-mix(in srgb,var(--yc-success-solid) 18%,transparent)}
html[data-palette=brand] .yc-rag-green{color:var(--yc-success)}
html[data-palette=brand] .yc-rag-amber .yc-rag-dot{background:var(--yc-warning-solid);box-shadow:0 0 0 3px color-mix(in srgb,var(--yc-warning-solid) 20%,transparent)}
html[data-palette=brand] .yc-rag-amber{color:var(--yc-warning)}
html[data-palette=brand] .yc-rag-red .yc-rag-dot{background:var(--yc-danger-solid);box-shadow:0 0 0 3px color-mix(in srgb,var(--yc-danger-solid) 18%,transparent)}
html[data-palette=brand] .yc-rag-red{color:var(--yc-danger)}
html[data-palette=brand] .yc-rag-grey{color:var(--yc-text-muted)}
html[data-palette=brand] .yc-badge-email{background:var(--yc-violet-bg);color:var(--yc-violet)}
html[data-palette=brand] .yc-attachments{border-top:1px dashed var(--line,var(--yc-brand-border))}
html[data-palette=brand] .yc-staff-banner-info{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-staff-banner-warning{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .yc-staff-banner-outage{background:var(--yc-danger-solid);color:var(--yc-on-danger-solid)}
html[data-palette=brand] .yc-staff-banner-outage strong{color:var(--yc-on-brand)}
html[data-palette=brand] .yc-staff-banner-tag{background:color-mix(in srgb,var(--yc-shadow-color) 10%,transparent)}
html[data-palette=brand] .yc-staff-banner-outage .yc-staff-banner-tag{background:color-mix(in srgb,var(--yc-bg) 22%,transparent)}
html[data-palette=brand] .yc-staff-header{background:var(--yc-band-bg);color:var(--yc-band-heading);border-bottom:1px solid color-mix(in srgb,var(--yc-band-overlay) 8%,transparent)}
html[data-palette=brand] .yc-staff-brand{color:var(--yc-band-heading)}
html[data-palette=brand] .yc-staff-brand-text small{color:var(--yc-band-text-2)}
html[data-palette=brand] .yc-staff-user-name{color:var(--yc-band-text-2)}
html[data-palette=brand] .yc-staff-link{color:var(--yc-band-text-2)}
html[data-palette=brand] .yc-staff-link:hover,html[data-palette=brand] .yc-staff-link:focus{color:var(--yc-band-heading)}
html[data-palette=brand] .yc-staff-logout{background:var(--yc-surface);color:var(--yc-text);border-color:var(--yc-surface)}
html[data-palette=brand] .yc-code{background:var(--yc-band-bg);color:var(--yc-band-text-2)}
html[data-palette=brand] .yc-badge-info{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-badge-p-new{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-badge-p-contacted{background:var(--yc-info-bg);color:var(--yc-info)}
html[data-palette=brand] .yc-badge-p-qualified{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-badge-p-unqualified{background:var(--yc-surface-3);color:var(--yc-text-2)}
html[data-palette=brand] .yc-badge-p-converted{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-badge-p-lost{background:var(--yc-danger-bg);color:var(--yc-danger)}
html[data-palette=brand] .yc-ticket-views .yc-count{background:var(--soft,var(--yc-brand-tint));color:var(--yc-text-2)}
html[data-palette=brand] .yc-ticket-views a[aria-current=page] .yc-count{background:var(--yc-brand);color:var(--yc-on-brand)}
html[data-palette=brand] .yc-danger{color:var(--yc-danger)!important}
html[data-palette=brand] .yc-ph dt code{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-email-frame{border:1px solid var(--yc-brand-border);background:var(--yc-surface);box-shadow:0 6px 18px -12px color-mix(in srgb,var(--yc-shadow-color) 25%,transparent)}
html[data-palette=brand] .yc-email-html{color:var(--yc-text)}
html[data-palette=brand] .yc-badge-fs-blue{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-badge-fs-sky{background:var(--yc-info-bg);color:var(--yc-info)}
html[data-palette=brand] .yc-badge-fs-teal{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-badge-fs-purple{background:var(--yc-violet-bg);color:var(--yc-violet)}
html[data-palette=brand] .yc-badge-fs-amber{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .yc-badge-fs-green{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-badge-fs-grey{background:var(--yc-surface-3);color:var(--yc-text-2)}
html[data-palette=brand] .yc-badge-fs-red{background:var(--yc-danger-bg);color:var(--yc-danger)}
html[data-palette=brand] .yc-badge-test{background:var(--yc-violet-solid);color:var(--yc-on-violet-solid)}
html[data-palette=brand] .yc-test-banner{border-left:6px solid var(--yc-violet-solid);background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-badge-org-supplier{background:var(--yc-warning-bg);color:var(--yc-warning)}
html[data-palette=brand] .yc-badge-org-partner{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-badge-org-carrier{background:var(--yc-info-bg);color:var(--yc-info)}
html[data-palette=brand] .yc-badge-org-business_customer{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-badge-org-other{background:var(--yc-brand-tint);color:var(--yc-text-muted)}
html[data-palette=brand] .yc-org-private{border-left-color:var(--yc-orange-solid);background:var(--yc-warning-bg);color:var(--yc-warning)}
/* status-admin.css */
html[data-palette=brand] .yc-st-adm-comps{border:1px solid var(--line,var(--yc-brand-border))}
html[data-palette=brand] .yc-st-adm-comp{border-top:1px solid var(--line,var(--yc-brand-border))}
html[data-palette=brand] .yc-st-adm-tl li{border-left:4px solid var(--yc-success-solid);background:var(--yc-surface);box-shadow:0 1px 0 var(--line,var(--yc-focus))}
html[data-palette=brand] .yc-st-adm-tl li.is-internal{border-left-color:var(--yc-line-strong);background:var(--yc-surface-2)}
/* status.css */
html[data-palette=brand] .yc-st-hero{background:linear-gradient(180deg,var(--soft,var(--yc-surface-2)),var(--yc-surface))}
html[data-palette=brand] .yc-st-lead{color:var(--muted,var(--yc-text-muted))}
html[data-palette=brand] .yc-st-muted{color:var(--muted,var(--yc-text-muted))}
html[data-palette=brand] .yc-st-s-operational{--c:var(--yc-success-solid);--t:var(--yc-success);--bg:var(--yc-success-bg)}
html[data-palette=brand] .yc-st-s-degraded{--c:var(--yc-warning-solid);--t:var(--yc-warning);--bg:var(--yc-warning-bg)}
html[data-palette=brand] .yc-st-s-partial{--c:var(--yc-orange-solid);--t:var(--yc-orange);--bg:var(--yc-orange-bg)}
html[data-palette=brand] .yc-st-s-major{--c:var(--yc-danger-solid);--t:var(--yc-danger);--bg:var(--yc-danger-bg)}
html[data-palette=brand] .yc-st-s-maintenance{--c:var(--yc-brand);--t:var(--yc-brand);--bg:var(--yc-brand-tint)}
html[data-palette=brand] .yc-st-s-unknown,html[data-palette=brand] .yc-st-s-nodata{--c:var(--yc-neutral-solid);--t:var(--yc-text-2);--bg:var(--yc-surface-3)}
html[data-palette=brand] .yc-st-overall{border:1px solid color-mix(in srgb,var(--c) 35%,var(--yc-surface))}
html[data-palette=brand] .yc-st-overall-ico{color:var(--yc-on-brand)}
html[data-palette=brand] .yc-st-overall-meta{color:var(--ink-2,var(--yc-brand))}
html[data-palette=brand] .yc-st-sub{background:var(--yc-surface);border:1px solid var(--line,var(--yc-brand-border));color:var(--ink,var(--yc-text))}
html[data-palette=brand] .yc-st-sub svg{color:var(--yc-orange)}
html[data-palette=brand] .yc-st-sub:hover{border-color:var(--brand,var(--yc-brand));color:var(--brand-dark,var(--yc-brand))}
html[data-palette=brand] .yc-st-email p{background:var(--yc-surface)}
html[data-palette=brand] .yc-st-test-note{background:var(--yc-warning-bg);border:1px dashed var(--yc-warning-solid);color:var(--yc-warning)}
html[data-palette=brand] .yc-st-group{background:var(--yc-surface);border:1px solid var(--line,var(--yc-brand-border))}
html[data-palette=brand] .yc-st-group-name{background:var(--soft,var(--yc-surface-2))}
html[data-palette=brand] .yc-st-inc{background:var(--yc-surface);border-left:5px solid var(--ic,var(--yc-line))}
html[data-palette=brand] .yc-st-inc-degraded{--ic:var(--yc-warning-solid)}
html[data-palette=brand] .yc-st-inc-partial{--ic:var(--yc-orange-solid)}
html[data-palette=brand] .yc-st-inc-major{--ic:var(--yc-danger-solid)}
html[data-palette=brand] .yc-st-inc-maintenance{--ic:var(--yc-brand)}
html[data-palette=brand] .yc-st-inc-resolved{--ic:var(--yc-success-solid)}
html[data-palette=brand] .yc-st-inc-operational{--ic:var(--yc-success-solid)}
html[data-palette=brand] .yc-st-tag-test{background:var(--yc-warning-bg);color:var(--yc-warning);border:1px dashed var(--yc-warning-solid)}
html[data-palette=brand] .yc-st-timeline li::before{background:var(--yc-surface);border:2px solid var(--ic,var(--yc-line-strong))}
html[data-palette=brand] .yc-st-provider{background:var(--yc-surface)}
html[data-palette=brand] .yc-st-t-operational{color:var(--yc-success)}
html[data-palette=brand] .yc-st-t-degraded{color:var(--yc-warning)}
html[data-palette=brand] .yc-st-t-partial{color:var(--yc-orange)}
html[data-palette=brand] .yc-st-t-major{color:var(--yc-danger)}
html[data-palette=brand] .yc-st-t-maintenance{color:var(--yc-brand)}
html[data-palette=brand] .yc-st-t-unknown{color:var(--yc-text-muted)}
html[data-palette=brand] .yc-st-notice{background:var(--yc-brand-tint)}
html[data-palette=brand] .yc-st-card{background:var(--yc-surface)}
html[data-palette=brand] .yc-st :focus-visible,html[data-palette=brand] .yc-st-provider-det>summary:focus-visible{outline:3px solid var(--mint,var(--yc-focus))}

/* ---- hand-tuned components (after the generated overrides) ---- */
/* Hero: light/dark surfaces from tokens.generated.css */
html[data-palette=brand] .hero,html[data-palette=brand] .page-hero,html[data-palette=brand] .yc-portal-hero,html[data-palette=brand] .yc-help-hero{background:radial-gradient(1100px 560px at 88% -12%,var(--yc-hero-glow-1),transparent 62%),radial-gradient(760px 460px at -8% 112%,var(--yc-hero-glow-2),transparent 62%),var(--yc-hero-bg);color:var(--yc-hero-text-2)}
html[data-palette=brand][data-theme=dark] .hero,html[data-palette=brand][data-theme=dark] .page-hero,html[data-palette=brand][data-theme=dark] .yc-portal-hero,html[data-palette=brand][data-theme=dark] .yc-help-hero{border-bottom:1px solid var(--yc-brand-border)}
html[data-palette=brand] .hero h1 em{background:linear-gradient(90deg,var(--yc-hero-em),var(--yc-hero-em-2));-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-palette=brand] .hero .btn-primary,html[data-palette=brand] .page-hero .btn-primary,html[data-palette=brand] .yc-help-hero .btn-primary,html[data-palette=brand] .cta-band .btn-primary,html[data-palette=brand] .postcode-form .btn-primary{background:var(--yc-hero-btn-bg);color:var(--yc-hero-btn-text)}
html[data-palette=brand] .hero .btn-primary:hover,html[data-palette=brand] .page-hero .btn-primary:hover,html[data-palette=brand] .yc-help-hero .btn-primary:hover,html[data-palette=brand] .cta-band .btn-primary:hover,html[data-palette=brand] .postcode-form .btn-primary:hover{background:var(--yc-hero-btn-hover);color:var(--yc-hero-btn-text)}
html[data-palette=brand] .hero .btn-ghost,html[data-palette=brand] .page-hero .btn-ghost{color:var(--yc-hero-heading);border-color:color-mix(in srgb,var(--yc-hero-overlay) 55%,transparent)}
html[data-palette=brand] .hero .btn-ghost:hover,html[data-palette=brand] .page-hero .btn-ghost:hover{color:var(--yc-hero-heading);border-color:var(--yc-hero-heading)}
html[data-palette=brand] .hero a:not(.btn),html[data-palette=brand] .page-hero a:not(.btn),html[data-palette=brand] .yc-portal-hero a:not(.btn){color:var(--yc-hero-heading)}
html[data-palette=brand] .hero :focus-visible,html[data-palette=brand] .page-hero :focus-visible,html[data-palette=brand] .yc-portal-hero :focus-visible,html[data-palette=brand] .yc-help-hero :focus-visible,html[data-palette=brand] .cta-band :focus-visible{outline-color:var(--yc-hero-heading);box-shadow:0 0 0 2px var(--yc-hero-bg)}
html[data-palette=brand] .postcode-form{background:var(--yc-surface);border:1px solid var(--yc-line-strong)}
html[data-palette=brand] .postcode-form input{background:transparent;color:var(--yc-text);border:0}
html[data-palette=brand] .postcode-form:focus-within{box-shadow:0 0 0 3px var(--yc-focus),var(--shadow-lg)}
html[data-palette=brand] .signal-card{background:linear-gradient(160deg,color-mix(in srgb,var(--yc-hero-overlay) 12%,transparent),color-mix(in srgb,var(--yc-hero-overlay) 5%,transparent));border:1px solid color-mix(in srgb,var(--yc-hero-overlay) 22%,transparent)}
html[data-palette=brand] .sc-row div{background:color-mix(in srgb,var(--yc-hero-overlay) 8%,transparent)}
html[data-palette=brand] .bars span{background:linear-gradient(180deg,var(--yc-hero-em),color-mix(in srgb,var(--yc-hero-em-2) 55%,transparent))}
html[data-palette=brand] .float-chip{background:var(--yc-surface);color:var(--yc-text);border:1px solid var(--yc-line)}
html[data-palette=brand] .hero .seg button[aria-selected=true]{background:var(--yc-hero-btn-bg);color:var(--yc-hero-btn-text)}
html[data-palette=brand] .pill-mint{background:color-mix(in srgb,var(--yc-hero-overlay) 12%,transparent);color:var(--yc-hero-heading)}
/* CTA band: colours from tokens.generated.css */
html[data-palette=brand] .cta-band{background:var(--yc-cta-bg);color:var(--yc-cta-text-2);border:2px solid var(--yc-cta-border);box-shadow:var(--shadow-lg)}
html[data-palette=brand][data-theme=dark] .cta-band{box-shadow:0 0 0 1px var(--yc-brand-border),0 0 48px -12px color-mix(in srgb,var(--yc-brand-neon) 55%,transparent)}
html[data-palette=brand] .cta-band h2{color:var(--yc-cta-heading)}
html[data-palette=brand] .cta-band p{color:var(--yc-cta-text-2)}
/* bands (topbar, dark sections, footer, staff header) */
html[data-palette=brand] .site-footer{border-top:1px solid var(--yc-line)}
html[data-palette=brand] .footer-legal{border-top-color:color-mix(in srgb,var(--yc-band-overlay) 12%,transparent)}
html[data-palette=brand] .site-footer .brand-text small,html[data-palette=brand] .site-footer{color:var(--yc-band-muted)}
html[data-palette=brand] .section-dark,html[data-palette=brand] .panel{border:1px solid var(--yc-line)}
html[data-palette=brand] .step::before{background:var(--yc-accent);color:var(--yc-on-accent)}
html[data-palette=brand] .yc-staff-header{background:var(--yc-band-bg);border-bottom:2px solid var(--yc-brand-neon)}
html[data-palette=brand] .yc-staff-logout{background:var(--yc-hero-btn-bg);color:var(--yc-hero-btn-text);border-color:transparent}
html[data-palette=brand][data-theme=light] .yc-staff-logout{background:var(--yc-white);color:var(--yc-ink)}
html[data-palette=brand] .yc-staff-header :focus-visible{outline-color:var(--yc-band-accent);box-shadow:0 0 0 2px var(--yc-band-bg)}
html[data-palette=brand] .yc-staff-banner-outage strong{color:var(--yc-on-danger-solid)}
html[data-palette=brand] .yc-staff-banner-outage .yc-staff-banner-tag{background:color-mix(in srgb,var(--yc-on-danger-solid) 18%,transparent)}
/* cards & plans */
html[data-palette=brand] .card,html[data-palette=brand] .plan,html[data-palette=brand] .step,html[data-palette=brand] .faq details,html[data-palette=brand] .form-card,html[data-palette=brand] .check-item,html[data-palette=brand] .yc-card{border-color:var(--yc-line)}
html[data-palette=brand] .card:hover{border-color:var(--yc-accent-border)}
html[data-palette=brand] .card .icon,html[data-palette=brand] .float-chip i{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .plan.featured{border-color:var(--yc-brand)}
html[data-palette=brand] .plan .badge{background:var(--yc-brand-neon);color:var(--yc-ink)}
html[data-palette=brand] .ticks li::before{background-color:var(--yc-success-bg);filter:none}
html[data-palette=brand] .timeline li::before{box-shadow:0 0 0 4px var(--yc-brand-tint)}
html[data-palette=brand] .seg button[aria-selected=true]{color:var(--yc-link)}
html[data-palette=brand] .crumbs a,html[data-palette=brand] .crumbs{color:var(--yc-hero-text-2)}
/* status page: on-colour for the solid status icon */
html[data-palette=brand] .yc-st-s-operational{--onc:var(--yc-on-success-solid)}html[data-palette=brand] .yc-st-s-degraded{--onc:var(--yc-on-warning-solid)}html[data-palette=brand] .yc-st-s-partial{--onc:var(--yc-on-orange-solid)}html[data-palette=brand] .yc-st-s-major{--onc:var(--yc-on-danger-solid)}html[data-palette=brand] .yc-st-s-maintenance{--onc:var(--yc-on-brand)}html[data-palette=brand] .yc-st-s-unknown,html[data-palette=brand] .yc-st-s-nodata{--onc:var(--yc-on-neutral-solid)}
html[data-palette=brand] .yc-st-overall-ico{color:var(--onc,var(--yc-on-brand))}
html[data-palette=brand] .yc-st :focus-visible,html[data-palette=brand] .yc-st-provider-det>summary:focus-visible{outline-color:var(--yc-focus)}
html[data-palette=brand] .yc-st-hero{background:linear-gradient(180deg,var(--yc-surface-2),var(--yc-bg))}
/* phone pad: re-point its own variables at the tokens */
html[data-palette=brand] .tqp{--tqp-navy:var(--yc-band-bg);--tqp-ink:var(--yc-text);--tqp-muted:var(--yc-text-muted);--tqp-line:var(--yc-line);--tqp-soft:var(--yc-surface-2);--tqp-brand:var(--yc-brand);--tqp-brand-d:var(--yc-brand-hover);--tqp-green:var(--yc-success-solid);--tqp-green-d:var(--yc-success-hover);--tqp-red:var(--yc-danger-solid);--tqp-red-d:var(--yc-danger);--tqp-amber:var(--yc-warning)}
html[data-palette=brand] .tqp-head{border-bottom:2px solid var(--yc-brand-neon)}
html[data-palette=brand] .tqp-st[aria-pressed=true]{background:var(--yc-band-heading);color:var(--yc-band-bg)}
html[data-palette=brand] .tqp-hang:hover,html[data-palette=brand] .tqp-busy:hover{color:var(--yc-on-danger-solid)}
html[data-palette=brand] .tqp-av{background:var(--yc-brand-neon);color:var(--yc-ink)}
/* map cards: keep tiles natural; frame them in tokens */
html[data-palette=brand] .yc-map-canvas{border-color:var(--yc-line)}
html[data-palette=brand][data-theme=dark] .leaflet-container{background:var(--yc-surface-2)}
html[data-palette=brand] .leaflet-control-attribution{background:color-mix(in srgb,var(--yc-surface) 88%,transparent)!important;color:var(--yc-text-2)!important}
html[data-palette=brand] .leaflet-control-attribution a{color:var(--yc-link)!important}
html[data-palette=brand] .leaflet-bar a{background:var(--yc-surface);color:var(--yc-text);border-color:var(--yc-line)}
/* kb diff */
html[data-palette=brand] .yc-kb-diff ins{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-kb-diff del{background:var(--yc-danger-bg);color:var(--yc-danger)}
/* Website Admin palette switch */
.yc-palette-switch .yc-choice{align-items:flex-start}
@media (prefers-reduced-motion:reduce){html[data-palette=brand] *{transition:none!important}}
/* page content carries a few inline colours from the classic design: re-point them in brand mode only */
html[data-palette=brand] .btn-light{background:var(--yc-white);color:var(--yc-ink)}
html[data-palette=brand] .btn-light:hover{background:var(--yc-brand-tint);color:var(--yc-ink)}
html[data-palette=brand] .pill-mint{background:var(--yc-accent-tint);color:var(--yc-accent-ink)!important}
html[data-palette=brand] .hero .pill-mint,html[data-palette=brand] .signal-card .pill-mint{background:color-mix(in srgb,var(--yc-hero-overlay) 12%,transparent);color:var(--yc-hero-heading)!important}
html[data-palette=brand] .cta-band .btn-ghost{color:var(--yc-cta-heading)!important;border-color:color-mix(in srgb,var(--yc-cta-overlay) 55%,transparent)!important}
html[data-palette=brand] .cta-band .btn-ghost:hover{border-color:var(--yc-cta-heading)!important}
/* WCAG 2.2 target size (2.5.8): staff menu dropdown toggles */
html[data-palette=brand] .yc-dd-toggle{min-width:24px}
/* Business page: partner Partner section (text only) */
html[data-palette=brand] .rc-product{border-top:3px solid var(--yc-accent)}
html[data-palette=brand] .rc-product .rc-name{font-family:var(--yc-font-display);color:var(--yc-accent-ink)}
html[data-palette=brand] .rc-product .rc-what{font-family:var(--yc-font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--yc-text-muted)}
html[data-palette=brand] .rc-tm{color:var(--yc-text-muted)}
html[data-palette=brand] .yc-small>a{display:inline-block;min-height:24px;line-height:24px}
/* small screens: make room for the theme toggle in the header (targets stay >= 36px, WCAG 2.5.8 needs 24px) */
@media (max-width:640px){
html[data-palette=brand] .header-inner{gap:8px}
html[data-palette=brand] .header-cta{gap:6px}
html[data-palette=brand] .header-cta .yc-theme-toggle,html[data-palette=brand] .header-login,html[data-palette=brand] .nav-toggle{width:40px;min-width:40px;height:40px;padding:0}
html[data-palette=brand] .brand{gap:8px}
html[data-palette=brand] .brand svg{width:34px;height:34px}
html[data-palette=brand] .brand-text b{font-size:1.02rem}
}
@media (max-width:379px){html[data-palette=brand] .brand svg{width:30px;height:30px}html[data-palette=brand] .brand-text b{font-size:.9rem}}
@media (max-width:339px){html[data-palette=brand] .site-header .brand-text{display:none}}
/* narrow screens: let grid children shrink (classic layouts overflowed at 320-360px) */
html[data-palette=brand] .layout-aside>*,html[data-palette=brand] .wpcf7 .row2>*{min-width:0}
html[data-palette=brand] .aside-card{overflow-wrap:anywhere}
html[data-palette=brand] .wpcf7 input,html[data-palette=brand] .wpcf7 select,html[data-palette=brand] .wpcf7 textarea{max-width:100%}
@media (max-width:640px){html[data-palette=brand] .form-card{padding:22px}}
html[data-palette=brand] .yc-st-provider-det>summary>:first-child{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
@media (max-width:380px){html[data-palette=brand] .yc-st-provider-det>summary{flex-wrap:wrap}}
/* 26.4.15 billing badges */
html[data-palette=brand] .yc-badge-b-paid{background:var(--yc-success-bg);color:var(--yc-success)}
html[data-palette=brand] .yc-badge-b-due{background:var(--yc-brand-tint);color:var(--yc-brand)}
html[data-palette=brand] .yc-badge-b-overdue{background:var(--yc-danger-bg);color:var(--yc-danger)}
html[data-palette=brand] .yc-badge-b-void,html[data-palette=brand] .yc-badge-b-draft{background:var(--yc-brand-tint);color:var(--yc-text-muted)}
html[data-palette=brand] .yc-bill-row{border-bottom-color:var(--yc-line)}
/* 26.4.16 Staff Webmail */
html[data-palette=brand] .yc-mail-folders a:hover,html[data-palette=brand] .yc-mail-folders a:focus-visible,html[data-palette=brand] .yc-mail-folders a.is-current{background:var(--yc-brand-tint)}
html[data-palette=brand] .yc-mail-folders a.is-current{box-shadow:inset 3px 0 0 var(--yc-brand)}
html[data-palette=brand] .yc-mail-count,html[data-palette=brand] .yc-mail-dot{background:var(--yc-brand);color:var(--yc-on-brand,#fff)}
html[data-palette=brand] .yc-mail-head dt{color:var(--yc-text-muted)}
html[data-palette=brand] .yc-mail-text,html[data-palette=brand] .yc-mail-atts{border-top-color:var(--yc-line)}
html[data-palette=brand] .yc-mail-frame,html[data-palette=brand] .yc-qr{border-color:var(--yc-line)}
html[data-palette=brand] .yc-case-closed,html[data-palette=brand] .yc-notices{border-left-color:var(--yc-brand)}
html[data-palette=brand] .yc-notices li{border-top-color:var(--yc-line)}

/* Web.Sys: dark mobile drawer matches live sticky header */
html[data-palette=brand][data-theme=dark] .main-nav{background:var(--yc-header-bg);border-bottom-color:var(--yc-line);color:var(--yc-text)}