/* 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:swap;src:url(fonts/inter-var-latin.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(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(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(fonts/space-mono-700-latin.woff2) format("woff2")}
/* tokens (from the brand book tokens.css, scoped) */
html[data-palette=brand]{
  /* magenta (anchor magenta-500) */
  --yc-magenta-50:#FFF2F8;--yc-magenta-100:#FFE2EF;--yc-magenta-200:#FEC2DF;--yc-magenta-300:#FF99CE;--yc-magenta-400:#FD60BB;--yc-magenta-500:#F000A5;--yc-magenta-600:#C70288;--yc-magenta-700:#A50170;--yc-magenta-800:#800557;--yc-magenta-900:#5F033F;--yc-magenta-950:#400029;
  /* lime (anchor lime-400) */
  --yc-lime-50:#F5F9EA;--yc-lime-100:#EAF2D2;--yc-lime-200:#D5E4A1;--yc-lime-300:#BED366;--yc-lime-400:#A5BE00;--yc-lime-500:#8FA502;--yc-lime-600:#758701;--yc-lime-700:#5F6E08;--yc-lime-800:#485501;--yc-lime-900:#333C02;--yc-lime-950:#1F2501;
  /* aqua (anchor aqua-400) */
  --yc-aqua-50:#EDFBF7;--yc-aqua-100:#D6F6EF;--yc-aqua-200:#AAEDDF;--yc-aqua-300:#70E1CD;--yc-aqua-400:#00D0B8;--yc-aqua-500:#02B49F;--yc-aqua-600:#009483;--yc-aqua-700:#0A786A;--yc-aqua-800:#005D51;--yc-aqua-900:#024239;--yc-aqua-950:#002923;
  /* coral (anchor coral-400) */
  --yc-coral-50:#FFF5F2;--yc-coral-100:#FFE9E3;--yc-coral-200:#FFD3C7;--yc-coral-300:#FEB8A5;--yc-coral-400:#FF957A;--yc-coral-500:#EA775B;--yc-coral-600:#C75D42;--yc-coral-700:#A44932;--yc-coral-800:#803624;--yc-coral-900:#5D2416;--yc-coral-950:#3C1409;
  /* yellow (anchor yellow-200) */
  --yc-yellow-50:#FEF9D9;--yc-yellow-100:#FEF2A9;--yc-yellow-200:#FFE400;--yc-yellow-300:#E6CE1C;--yc-yellow-400:#CAB515;--yc-yellow-500:#B09D06;--yc-yellow-600:#908108;--yc-yellow-700:#756806;--yc-yellow-800:#5A5003;--yc-yellow-900:#403800;--yc-yellow-950:#282201;
  /* sky (anchor sky-400) */
  --yc-sky-50:#EEF8FF;--yc-sky-100:#D9F0FF;--yc-sky-200:#B0E1FE;--yc-sky-300:#7CCFFD;--yc-sky-400:#41B8F2;--yc-sky-500:#06A1DC;--yc-sky-600:#0484B6;--yc-sky-700:#016C95;--yc-sky-800:#035374;--yc-sky-900:#013B54;--yc-sky-950:#002536;
  /* amber (anchor amber-300) */
  --yc-amber-50:#FFF6E6;--yc-amber-100:#FFEBC8;--yc-amber-200:#FFD58B;--yc-amber-300:#FFBA00;--yc-amber-400:#E0A408;--yc-amber-500:#C28E11;--yc-amber-600:#A17401;--yc-amber-700:#835E02;--yc-amber-800:#654804;--yc-amber-900:#493301;--yc-amber-950:#2E1F00;
  /* emerald (anchor emerald-500) */
  --yc-emerald-50:#EFFAF5;--yc-emerald-100:#DBF5E9;--yc-emerald-200:#B5EBD4;--yc-emerald-300:#85DFBB;--yc-emerald-400:#4FCDA1;--yc-emerald-500:#00B98A;--yc-emerald-600:#119771;--yc-emerald-700:#097B5B;--yc-emerald-800:#075E45;--yc-emerald-900:#024330;--yc-emerald-950:#002A1D;
  /* green (anchor green-500) */
  --yc-green-50:#F3F9ED;--yc-green-100:#E4F1D7;--yc-green-200:#C9E3AC;--yc-green-300:#AAD07B;--yc-green-400:#8AB946;--yc-green-500:#6EA100;--yc-green-600:#5A8501;--yc-green-700:#496D00;--yc-green-800:#385403;--yc-green-900:#273C01;--yc-green-950:#172601;
  /* violet (anchor violet-600) */
  --yc-violet-50:#FFF2FE;--yc-violet-100:#FFE2FD;--yc-violet-200:#FFC3FC;--yc-violet-300:#FE9CFB;--yc-violet-400:#FB64FB;--yc-violet-500:#E735E9;--yc-violet-600:#C40DC6;--yc-violet-700:#A106A3;--yc-violet-800:#7D077E;--yc-violet-900:#5B035C;--yc-violet-950:#3B013C;
  /* orange (anchor orange-300) */
  --yc-orange-50:#FFF5E8;--yc-orange-100:#FFE7C9;--yc-orange-200:#FECD8B;--yc-orange-300:#FFAB00;--yc-orange-400:#E19708;--yc-orange-500:#C38310;--yc-orange-600:#A26B03;--yc-orange-700:#845704;--yc-orange-800:#674201;--yc-orange-900:#4B2F00;--yc-orange-950:#301D00;
  /* rose (anchor rose-500) */
  --yc-rose-50:#FFF4F5;--yc-rose-100:#FFE7E8;--yc-rose-200:#FECED2;--yc-rose-300:#FFAFB7;--yc-rose-400:#FF8797;--yc-rose-500:#FF5576;--yc-rose-600:#D93A5D;--yc-rose-700:#B4294A;--yc-rose-800:#8D1C37;--yc-rose-900:#671026;--yc-rose-950:#440515;
  /* red (anchor red-600) */
  --yc-red-50:#FFF4F3;--yc-red-100:#FFE9E5;--yc-red-200:#FFD2CA;--yc-red-300:#FFB7AB;--yc-red-400:#FD9585;--yc-red-500:#FE6C5A;--yc-red-600:#FF0000;--yc-red-700:#CF0C07;--yc-red-800:#9F0804;--yc-red-900:#740000;--yc-red-950:#490000;
  /* neutral */
  --yc-neutral-50:#FEF5F9;--yc-neutral-100:#F7EDF1;--yc-neutral-200:#E8DEE3;--yc-neutral-300:#D1C7CC;--yc-neutral-400:#ABA2A6;--yc-neutral-500:#867D81;--yc-neutral-600:#696164;--yc-neutral-700:#524B4E;--yc-neutral-800:#3A3336;--yc-neutral-900:#251C21;--yc-neutral-950:#150D11;
  --yc-ink:#140A0F;--yc-white:#FFFFFF;--yc-pink:#FF97DD;--yc-black-neon:#0C0609;
  --yc-magenta:var(--yc-magenta-500);--yc-lime:var(--yc-lime-400);--yc-aqua:var(--yc-aqua-400);--yc-coral:var(--yc-coral-400);--yc-yellow:var(--yc-yellow-200);--yc-sky:var(--yc-sky-400);--yc-amber:var(--yc-amber-300);--yc-emerald:var(--yc-emerald-500);--yc-green:var(--yc-green-500);--yc-violet:var(--yc-violet-600);--yc-orange:var(--yc-orange-300);--yc-rose:var(--yc-rose-500);
  --yc-font-display:"Space Grotesk","Arial Black",Arial,sans-serif;--yc-font-body:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;--yc-font-mono:"Space Mono",ui-monospace,Menlo,Consolas,monospace;
  --yc-focus-ring:0 0 0 2px var(--yc-focus-gap),0 0 0 5px var(--yc-focus);
}
html[data-palette=brand]{
  --yc-bg:#FFFFFF;--yc-surface:#FFFFFF;--yc-surface-2:#FEF5F9;--yc-surface-3:#F7EDF1;--yc-line:#E8DEE3;--yc-line-strong:#867D81;--yc-text:#140A0F;--yc-text-2:#3A3336;--yc-text-muted:#696164;--yc-brand:#C70288;--yc-brand-hover:#A50170;--yc-brand-neon:#F000A5;--yc-on-brand:#FFFFFF;--yc-on-neon:#140A0F;--yc-brand-tint:#FFF2F8;--yc-brand-tint-2:#FFE2EF;--yc-brand-border:#FEC2DF;--yc-link:#A50170;--yc-link-hover:#800557;--yc-accent-pink:#FF97DD;--yc-on-accent-pink:#140A0F;--yc-focus:#A50170;--yc-focus-gap:#FFFFFF;--yc-success:#097B5B;--yc-success-bg:#EFFAF5;--yc-success-border:#B5EBD4;--yc-success-solid:#097B5B;--yc-on-success-solid:#FFFFFF;--yc-warning:#654804;--yc-warning-bg:#FFF6E6;--yc-warning-border:#FFD58B;--yc-warning-solid:#FFBA00;--yc-on-warning-solid:#140A0F;--yc-danger:#CF0C07;--yc-danger-bg:#FFF4F3;--yc-danger-border:#FFD2CA;--yc-danger-solid:#CF0C07;--yc-on-danger-solid:#FFFFFF;--yc-info:#016C95;--yc-info-bg:#EEF8FF;--yc-info-border:#B0E1FE;--yc-info-solid:#016C95;--yc-on-info-solid:#FFFFFF;--yc-hero-bg:#F000A5;--yc-hero-text:#140A0F;
  /* compatibility with existing theme variable names */
  --ink:var(--yc-text);--ink-2:var(--yc-text-2);--muted:var(--yc-text-muted);--line:var(--yc-line);--bg:var(--yc-bg);--soft:var(--yc-surface-2);--brand:var(--yc-brand);--brand-dark:var(--yc-brand-hover);--mint:var(--yc-aqua-400);--sun:var(--yc-amber-300);--navy:var(--yc-neutral-950);
  /* per-section defaults (Home = magenta) */
  --yc-section:var(--yc-magenta);--yc-on-section:var(--yc-ink);--yc-section-ink:var(--yc-section-ink-l);--yc-section-tint:var(--yc-section-tint-l);--yc-section-border:var(--yc-section-border-l);
  color-scheme:light;
}
html[data-palette=brand][data-theme=dark]{
  --yc-bg:#0C0609;--yc-surface:#191115;--yc-surface-2:#251B20;--yc-surface-3:#251C21;--yc-line:#3E3137;--yc-line-strong:#867D81;--yc-text:#FDF4F8;--yc-text-2:#E8DEE3;--yc-text-muted:#ABA2A6;--yc-brand:#FD60BB;--yc-brand-hover:#FF99CE;--yc-brand-neon:#F000A5;--yc-on-brand:#140A0F;--yc-on-neon:#140A0F;--yc-brand-tint:#400029;--yc-brand-tint-2:#5F033F;--yc-brand-border:#800557;--yc-link:#FF99CE;--yc-link-hover:#FEC2DF;--yc-accent-pink:#FF97DD;--yc-on-accent-pink:#140A0F;--yc-focus:#FF97DD;--yc-focus-gap:#0C0609;--yc-success:#4FCDA1;--yc-success-bg:#002A1D;--yc-success-border:#075E45;--yc-success-solid:#00B98A;--yc-on-success-solid:#140A0F;--yc-warning:#FFBA00;--yc-warning-bg:#2E1F00;--yc-warning-border:#654804;--yc-warning-solid:#FFBA00;--yc-on-warning-solid:#140A0F;--yc-danger:#FD9585;--yc-danger-bg:#490000;--yc-danger-border:#9F0804;--yc-danger-solid:#FE6C5A;--yc-on-danger-solid:#140A0F;--yc-info:#41B8F2;--yc-info-bg:#002536;--yc-info-border:#035374;--yc-info-solid:#41B8F2;--yc-on-info-solid:#140A0F;--yc-hero-bg:#0C0609;--yc-hero-text:#FDF4F8;
  /* compatibility with existing theme variable names */
  --ink:var(--yc-text);--ink-2:var(--yc-text-2);--muted:var(--yc-text-muted);--line:var(--yc-line);--bg:var(--yc-bg);--soft:var(--yc-surface-2);--brand:var(--yc-brand);--brand-dark:var(--yc-brand-hover);--mint:var(--yc-aqua-400);--sun:var(--yc-amber-300);--navy:var(--yc-neutral-950);
  /* per-section defaults (Home = magenta) */
  --yc-section-ink:var(--yc-section-ink-d);--yc-section-tint:var(--yc-section-tint-d);--yc-section-border:var(--yc-section-border-d);
  color-scheme:dark;
}
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:#FFFFFF;--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 for the site, portals, phone pad and maps (both themes, derived from the brand book scales). */
html[data-palette=brand]{
  --yc-band-bg:#140A0F;--yc-band-bg-2:#251C21;--yc-band-text:#E8DEE3;--yc-band-text-2:#E8DEE3;--yc-band-heading:#FFFFFF;--yc-band-muted:#ABA2A6;--yc-band-accent:#FF97DD;--yc-band-overlay:#FFFFFF;
  --yc-hero-heading:#140A0F;--yc-hero-text-2:#140A0F;--yc-hero-accent:#140A0F;--yc-hero-overlay:#140A0F;--yc-hero-em:#FFFFFF;--yc-hero-em-2:#FFFFFF;
  --yc-hero-glow-1:rgba(255,151,221,.55);--yc-hero-glow-2:rgba(165,1,112,.35);
  --yc-hero-btn-bg:#140A0F;--yc-hero-btn-text:#FFFFFF;--yc-hero-btn-hover:#3A3336;
  --yc-cta-bg:#F000A5;--yc-cta-heading:#140A0F;--yc-cta-text-2:#140A0F;--yc-cta-accent:#140A0F;--yc-cta-overlay:#140A0F;--yc-cta-border:transparent;
  --yc-header-bg:rgba(255,255,255,.94);--yc-shadow-color:rgba(20,10,15,.18);--yc-input-bg:#FFFFFF;
  --yc-violet:#A106A3;--yc-violet-bg:#FFF2FE;--yc-violet-border:#FFC3FC;--yc-violet-solid:#C40DC6;--yc-on-violet-solid:#FFFFFF;
  --yc-orange:#845704;--yc-orange-bg:#FFF5E8;--yc-orange-border:#FECD8B;--yc-orange-solid:#FFAB00;--yc-on-orange-solid:#140A0F;
  --yc-neutral-solid:#696164;--yc-on-neutral-solid:#FFFFFF;--yc-success-hover:#075E45;
  --yc-accent:var(--yc-section);--yc-on-accent:var(--yc-on-section);--yc-accent-ink:var(--yc-section-ink);--yc-accent-tint:var(--yc-section-tint);--yc-accent-border:var(--yc-section-border);
  --mint:var(--yc-section-ink);--sun:var(--yc-warning-solid);--navy:var(--yc-band-bg);
  --shadow:0 10px 30px -12px var(--yc-shadow-color);--shadow-lg:0 30px 60px -20px var(--yc-shadow-color);
  --radius:18px;--radius-sm:12px;--font:var(--yc-font-body);
}
html[data-palette=brand][data-theme=dark]{
  --yc-band-bg:#150D11;--yc-band-bg-2:#251B20;--yc-band-text:#E8DEE3;--yc-band-text-2:#E8DEE3;--yc-band-heading:#FDF4F8;--yc-band-muted:#ABA2A6;--yc-band-accent:#FD60BB;--yc-band-overlay:#FFFFFF;
  --yc-hero-heading:#FDF4F8;--yc-hero-text-2:#E8DEE3;--yc-hero-accent:#FD60BB;--yc-hero-overlay:#FFFFFF;--yc-hero-em:#FD60BB;--yc-hero-em-2:#FB64FB;
  --yc-hero-glow-1:rgba(240,0,165,.34);--yc-hero-glow-2:rgba(196,13,198,.18);
  --yc-hero-btn-bg:#FD60BB;--yc-hero-btn-text:#140A0F;--yc-hero-btn-hover:#FF99CE;
  --yc-cta-bg:#191115;--yc-cta-heading:#FDF4F8;--yc-cta-text-2:#E8DEE3;--yc-cta-accent:#FD60BB;--yc-cta-overlay:#FFFFFF;--yc-cta-border:#F000A5;
  --yc-header-bg:rgba(12,6,9,.9);--yc-shadow-color:rgba(0,0,0,.6);--yc-input-bg:#0C0609;
  --yc-violet:#FB64FB;--yc-violet-bg:#3B013C;--yc-violet-border:#7D077E;--yc-violet-solid:#C40DC6;--yc-on-violet-solid:#FFFFFF;
  --yc-orange:#FFAB00;--yc-orange-bg:#301D00;--yc-orange-border:#674201;--yc-orange-solid:#FFAB00;--yc-on-orange-solid:#140A0F;
  --yc-neutral-solid:#ABA2A6;--yc-on-neutral-solid:#140A0F;--yc-success-hover:#4FCDA1;
}

/* ---- 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-brand);color: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-brand-hover);color: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:#FFFFFF;color:#140A0F}
html[data-palette=brand] .btn-light:hover{background:#FFF2F8;color:#140A0F}

/* 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 = #F000A5 band with ink text; dark = neon glow on black (brand book 15) */
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: light = #F000A5 with ink; dark = black card with a neon edge */
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 rgba(240,0,165,.55)}
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:#FFFFFF;color:#140A0F}
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:#251B20}
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:#FFFFFF;color:#140A0F}
html[data-palette=brand] .btn-light:hover{background:#FFF2F8;color:#140A0F}
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: RingCentral 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}}