/* Official ScreenSoft Corporate Identity 1.0. Source: maintenance/brand/identity-integration.json.
   Colour roles are mapped to the existing layout; semantic warning/error/success colours remain intact. */
@font-face{font-family:Rubik;src:url('/assets/brand/identity-v1/05-Fonts/Rubik/Rubik-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Rubik;src:url('/assets/brand/identity-v1/05-Fonts/Rubik/Rubik-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Rubik;src:url('/assets/brand/identity-v1/05-Fonts/Rubik/Rubik-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Rubik;src:url('/assets/brand/identity-v1/05-Fonts/Rubik/Rubik-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/assets/brand/identity-v1/05-Fonts/IBM-Plex-Sans/IBMPlexSans-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/assets/brand/identity-v1/05-Fonts/IBM-Plex-Sans/IBMPlexSans-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/assets/brand/identity-v1/05-Fonts/IBM-Plex-Sans/IBMPlexSans-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('/assets/brand/identity-v1/05-Fonts/IBM-Plex-Sans/IBMPlexSans-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{
 --ss-brand-blue:#0099F5;--ss-brand-navy:#011E4C;
 --ss-bg:#FBFCFE;--ss-surface:#FFFFFF;--ss-heading:#011E4C;--ss-text:#3A4256;--ss-action:#0073B8;--ss-on-action:#FFFFFF;--ss-link:#0073B8;
 --canvas:var(--ss-bg);--surface:var(--ss-surface);--deep:var(--ss-heading);--deep2:var(--ss-heading);--navy:var(--ss-brand-navy);--blue:var(--ss-link);--blue-br:var(--ss-link);--ink:var(--ss-heading);--body:var(--ss-text);
 --ss-font-heading:Rubik,Arial,sans-serif;--ss-font-body:'IBM Plex Sans',system-ui,sans-serif;
 --md-text-font:'IBM Plex Sans';--md-code-font:ui-monospace;--md-default-bg-color:var(--ss-bg);--md-default-fg-color:var(--ss-text);--md-typeset-a-color:var(--ss-link);--md-accent-fg-color:var(--ss-link);
}
body.dark,html[data-theme=dark]{
 --ss-bg:#08152A;--ss-surface:#11243E;--ss-heading:#FFFFFF;--ss-text:#C5D3E4;--ss-action:#0073B8;--ss-on-action:#FFFFFF;--ss-link:#6BCFFF;
 --canvas:var(--ss-bg);--surface:var(--ss-surface);--deep:var(--ss-heading);--deep2:var(--ss-heading);--navy:var(--ss-link);--blue:var(--ss-link);--blue-br:var(--ss-link);--ink:var(--ss-heading);--body:var(--ss-text);
}
body,body.dark{background:var(--ss-bg);color:var(--ss-text);font-family:var(--ss-font-body)}
button,input,select,textarea,.side,.topnav,.docs-chat,.docs-chat-form textarea{font-family:var(--ss-font-body)}
h1,h2,h3,h4,.hero h1,.card b,.ar-step-title,.steps b,.router-page h1{font-family:var(--ss-font-heading);font-weight:600;color:var(--ss-heading)}
.content strong,.lead,body.dark .lead{color:var(--ss-text)}
a,.side a.active,.docs-chat-source a{color:var(--ss-link)}
.top,.footer,.search,.search-results,.langdrop,.card,table,.docs-chat,.docs-chat-form,
body.dark .top,body.dark .footer,body.dark .search,body.dark .search-results,body.dark .langdrop,body.dark .card,body.dark table{background:var(--ss-surface);color:var(--ss-text)}
.search-results b,.search-results a,.card b,.langdrop a{color:var(--ss-heading)}
.docs-chat-toggle,.docs-chat-head,.docs-chat-message.question,.docs-chat-form button{background:var(--ss-action);color:var(--ss-on-action)}
.docs-chat-message,.docs-chat-choice,.docs-chat-other{color:var(--ss-text)}
.docs-chat-message:not(.question){background:var(--ss-surface)}
.docs-chat-form textarea{background:var(--ss-surface);color:var(--ss-text)}
.docs-chat a{color:var(--ss-link)}
.docs-chat-toggle:focus-visible,.docs-chat :focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ss-link);outline-offset:3px}
/* C export includes transparent clear space: a 260 px canvas gives 202.4 px visible artwork. */
.brandhome{max-width:none;padding:2px;flex:0 0 auto}
.brandhome .logo{display:block;width:260px!important;min-width:260px;max-width:none!important;height:auto!important;object-fit:contain}
.brandhome.has-custom-logo .logo{min-width:0;width:205px!important;max-width:100%!important}
/* Legacy MkDocs error page follows the same identity. */
.md-header,.md-footer,.md-footer-meta{background:#08152A!important}
.md-header__button.md-logo img{width:260px!important;height:auto!important;max-width:none!important}
.md-nav__button.md-logo img{content:url('/assets/brand/identity-v1/02-Logos/SVG/ScreenSoft-Symbol-Gradient.svg');width:44px!important;height:44px!important}
.md-typeset{color:var(--ss-text)}
.md-typeset h1,.md-typeset h2,.md-typeset h3,.md-typeset strong{color:var(--ss-heading)}
/* AR keeps camera geometry and detector colours; this layer styles its controls and pages. */
html:not([data-theme=dark]){--bg:#FBFCFE;--card:#FFFFFF;--ink:#011E4C;--muted:#3A4256;--accent:#0073B8}
html[data-theme=dark]{--bg:#08152A;--card:#11243E;--ink:#FFFFFF;--muted:#C5D3E4;--accent:#0073B8}
body.welcome,body.router,html[data-theme=dark] body.welcome,html[data-theme=dark] body.router{background:var(--ss-bg);color:var(--ss-text)}
body.welcome .welcome-page,body.router .router-page{color:var(--ss-text)}
.welcome-page>p,.welcome-page article p,.router-intro,.route-section>p,.ar-step-description{color:var(--ss-text)}
.welcome-page article,.route-link,.language-picker select,.final-check{background:var(--ss-surface);color:var(--ss-text)}
.welcome-page h1,.welcome-page h2,.route-heading,.ar-step-title{color:var(--ss-heading)}
body.welcome .welcome-page .site-tools,body.router .site-tools{align-items:center}
.ss-ar-brand{display:flex;align-items:center;justify-content:flex-start;margin-right:auto;padding:2px;flex:0 0 auto;line-height:1;text-decoration:none}
.ss-ar-brand img{display:block;width:260px;height:auto;max-width:none}
.ss-ar-brand .ss-brand-dark,.ss-ar-brand .ss-brand-symbol{display:none}
html[data-theme=dark] .ss-ar-brand .ss-brand-light{display:none}
html[data-theme=dark] .ss-ar-brand .ss-brand-dark{display:block}
.ss-ar-header-symbol{width:44px;height:44px;flex:none}
.welcome-page button,.ar-bottom-actions button:not(.ar-secondary),.ar-guide .docs-link,.controls button:not(.outline),.nav button:not(.outline){background:var(--ss-action);color:var(--ss-on-action)}
.welcome-page .theme-toggle,.router-page .theme-toggle{background:var(--ss-surface);color:var(--ss-text)}
html:not([data-theme=dark]) .site-tools .theme-sun{background:var(--ss-action);color:var(--ss-on-action)!important}
html[data-theme=dark] .site-tools .theme-moon{background:var(--ss-action);color:var(--ss-on-action)!important}
body.welcome .welcome-page .welcome-skip a,html[data-theme=dark] body.welcome .welcome-page .welcome-skip a{color:var(--ss-link);background:transparent}
body.ar-active .ar-guide{color:var(--ss-text);background:linear-gradient(0deg,#FFFFFF 88%,#FFFFFFF0 95%,#FFFFFF00)}
html[data-theme=dark] body.ar-active:not(.finish-step) .ar-guide{color:var(--ss-text);background:linear-gradient(0deg,#08152A 88%,#08152AF0 95%,#08152A00)}
html[data-theme=dark] body.ar-active:not(.finish-step) .ar-step-description{color:var(--ss-text)}
body.ar-active.finish-step .viewer{background:var(--ss-bg)}
body.ar-active.finish-step .ar-guide{background:none}
.ar-secondary,html[data-theme=dark] .ar-secondary{background:var(--ss-surface);color:var(--ss-link)}
.ar-exit,.screen-help,.no-picture,html[data-theme=dark] .ar-exit{color:var(--ss-text)}
.screen-help summary,.no-picture summary{color:var(--ss-link)}
/* Preserve the existing disabled state and semantic success/warning/error styling. */
.docs-link[aria-disabled=true]{background:#aab8c7;opacity:.7;pointer-events:none}
@media(max-width:540px){
 .brandhome:not(.has-custom-logo){width:44px;height:44px;background:url('/assets/brand/identity-v1/02-Logos/SVG/ScreenSoft-Symbol-Gradient.svg') center/36px 36px no-repeat}
 .brandhome:not(.has-custom-logo) .logo{display:none}
 .brandhome.has-custom-logo .logo{width:150px!important;min-width:0}
 .md-header__button.md-logo{width:44px;height:44px;background:url('/assets/brand/identity-v1/02-Logos/SVG/ScreenSoft-Symbol-Gradient.svg') center/36px 36px no-repeat}
 .md-header__button.md-logo img{display:none}
 .ss-ar-brand{width:44px;height:44px;padding:4px}
 .ss-ar-brand .ss-brand-light,.ss-ar-brand .ss-brand-dark,html[data-theme=dark] .ss-ar-brand .ss-brand-dark{display:none}
 .ss-ar-brand .ss-brand-symbol{display:block;width:36px;height:36px}
}