/* Course identities over the neutral STELLAR shell. Original track accents are
   retained; AWS, Google Cloud, Docker, Git and Kubernetes use vendor colours.
   Colour is limited to signatures, small icons, progress and selected markers. */
html:root[data-theme] body[data-track-identity="linux"]{--brand-accent:#f5c518;--brand-accent-ink:#8a6700;--accent:#f5c518;--accent-2:#f5c518;--brand-accent-soft:color-mix(in srgb,#f5c518 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="linux"]{--brand-accent-ink:#f5d565}
html:root[data-theme] body[data-track-identity="network"]{--brand-accent:#6366f1;--brand-accent-ink:#4f46c5;--accent:#6366f1;--accent-2:#6366f1;--brand-accent-soft:color-mix(in srgb,#6366f1 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="network"]{--brand-accent-ink:#aaa0ff}
html:root[data-theme] body[data-track-identity="git"]{--brand-accent:#f05032;--brand-accent-ink:#bb391f;--accent:#f05032;--accent-2:#f05032;--brand-accent-soft:color-mix(in srgb,#f05032 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="git"]{--brand-accent-ink:#ff9c88}
html:root[data-theme] body[data-track-identity="scripting"]{--brand-accent:#84cc16;--brand-accent-ink:#47780a;--accent:#84cc16;--accent-2:#84cc16;--brand-accent-soft:color-mix(in srgb,#84cc16 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="scripting"]{--brand-accent-ink:#b3dc70}
html:root[data-theme] body[data-track-identity="aws"]{--brand-accent:#ff9900;--brand-accent-ink:#996000;--accent:#ff9900;--accent-2:#ff9900;--brand-accent-soft:color-mix(in srgb,#ff9900 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="aws"]{--brand-accent-ink:#ffbc59}
html:root[data-theme] body[data-track-identity="gcp"]{--brand-accent:#4285f4;--brand-accent-ink:#1967d2;--accent:#4285f4;--accent-2:#4285f4;--brand-accent-soft:color-mix(in srgb,#4285f4 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="gcp"]{--brand-accent-ink:#8ab4f8}
html:root[data-theme] body[data-track-identity="docker"]{--brand-accent:#2496ed;--brand-accent-ink:#086cad;--accent:#2496ed;--accent-2:#2496ed;--brand-accent-soft:color-mix(in srgb,#2496ed 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="docker"]{--brand-accent-ink:#81c5ff}
html:root[data-theme] body[data-track-identity="k8s"]{--brand-accent:#326ce5;--brand-accent-ink:#2459c1;--accent:#326ce5;--accent-2:#326ce5;--brand-accent-soft:color-mix(in srgb,#326ce5 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="k8s"]{--brand-accent-ink:#91b0ff}
html:root[data-theme] body[data-track-identity="cicd"]{--brand-accent:#9a3412;--brand-accent-ink:#9a3412;--accent:#9a3412;--accent-2:#9a3412;--brand-accent-soft:color-mix(in srgb,#9a3412 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="cicd"]{--brand-accent-ink:#e9a078}
html:root[data-theme] body[data-track-identity="sre"]{--brand-accent:#0f766e;--brand-accent-ink:#0f766e;--accent:#0f766e;--accent-2:#0f766e;--brand-accent-soft:color-mix(in srgb,#0f766e 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="sre"]{--brand-accent-ink:#65c9b3}
html:root[data-theme] body[data-track-identity="projects"]{--brand-accent:#be185d;--brand-accent-ink:#a91452;--accent:#be185d;--accent-2:#be185d;--brand-accent-soft:color-mix(in srgb,#be185d 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="projects"]{--brand-accent-ink:#f99dbe}
html:root[data-theme] body[data-track-identity="design"]{--brand-accent:#15803d;--brand-accent-ink:#15803d;--accent:#15803d;--accent-2:#15803d;--brand-accent-soft:color-mix(in srgb,#15803d 10%,var(--brand-surface));--accent-soft:var(--brand-accent-soft)}
html:root[data-theme=dark] body[data-track-identity="design"]{--brand-accent-ink:#80c49b}

html:root[data-theme] body[data-track-identity] #app .dash>.hero::before{content:"";display:block;width:48px;height:3px;border-radius:2px;margin-bottom:18px;background:var(--brand-accent)}
html:root[data-theme] body[data-track-identity="gcp"] #app .dash>.hero::before{width:64px;background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc04 50% 75%,#34a853 75%)}
html:root[data-theme] body[data-track-identity="aws"] #app .dash>.hero::before{background:linear-gradient(90deg,#232f3e 0 35%,#ff9900 35%)}
html:root[data-theme] body[data-track-identity] #app .dash>.hero .eyebrow{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-muted)}
html:root[data-theme] body[data-track-identity] #app .dash>.hero .eyebrow>svg{color:var(--brand-accent-ink)}
html:root[data-theme] body[data-track-identity] #app .cat-card .cc-icon{background:var(--brand-accent-soft);color:var(--brand-accent-ink);border-color:transparent}
html:root[data-theme] body[data-track-identity] #app .stat .ic{color:var(--brand-accent-ink);opacity:.8}
html:root[data-theme] body[data-track-identity] #app .cat-card:hover{border-color:var(--brand-accent);box-shadow:0 6px 20px rgb(0 0 0 / .06)}
html:root[data-theme] body[data-track-identity] #app .sidebar :is(.nav-home,.nav-item).active>svg{color:var(--brand-accent-ink)}
html:root[data-theme] body[data-track-identity] .stellar-path-link[aria-current="page"]{--path-color:var(--brand-accent)}
html:root[data-theme] body[data-track-identity] .stellar-path-heading{--navigator-accent:var(--brand-accent-ink)}
/* Lift dark course colours on black buttons; dark-mode buttons are white. */
html:root[data-theme=light] body[data-track-identity] #app .dash>.hero .btn-primary>svg{color:color-mix(in srgb,var(--brand-accent) 65%,white)}
html:root[data-theme=dark] body[data-track-identity] #app .dash>.hero .btn-primary>svg{color:color-mix(in srgb,var(--brand-accent) 65%,#111114)}