/* A second palette for the agency shell. Photos and embedded work are untouched. */
:root{--ser-page-bg:#101710;--ser-page-focus:#c9f86a}
html[data-ser-theme="light"]{--ser-page-bg:#f6f5ef;--ser-page-focus:#365b2e;color-scheme:light}
html,body{background:var(--ser-page-bg)}
html[data-ser-theme="light"] #ser-design{
 --ser-bg:#f6f5ef;--ser-surface:#fffef9;--ser-ink:#20271e;--ser-muted:#606959;--ser-line:#d3dacb;--ser-accent:#365b2e;
 background:var(--ser-bg);color:var(--ser-ink);color-scheme:light;
}
#ser-design .ser-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:50.6px;height:50.6px;min-width:50.6px;min-height:50.6px;padding:0;border:1.15px solid var(--ser-line);border-radius:50%;background:transparent;color:var(--ser-ink);flex:none;cursor:pointer;transition:background 160ms,border-color 160ms}
#ser-design .ser-theme-toggle:hover{background:var(--ser-surface);border-color:var(--ser-muted)}
#ser-design .ser-theme-toggle svg{width:23px;height:23px}
#ser-design .ser-theme-moon{display:none}
html[data-ser-theme="light"] #ser-design .ser-theme-sun{display:none}
html[data-ser-theme="light"] #ser-design .ser-theme-moon{display:block}
html[data-ser-theme="light"] #ser-design .ser-pill{color:var(--ser-on-accent);background:var(--ser-accent)}
html[data-ser-theme="light"] #ser-design :is(.ser-business-case,.ser-work-card,.ser-work-index-card>button,.ser-model-library-grid article){background:var(--ser-surface);border-color:var(--ser-line)}
html[data-ser-theme="light"] #ser-design :is(.ser-econ-product select,.ser-econ-fields input,[data-ser-view="contact"] .ser-form input,[data-ser-view="contact"] .ser-form textarea,[data-ser-view="contact"] .ser-form select){background:var(--ser-field);color:var(--ser-ink);border-color:var(--ser-line-strong)}
html[data-ser-theme="light"] #ser-design :is(.ser-econ-assumptions,.ser-econ-method,.ser-product,.ser-product-status,.ser-creator-report,.ser-work-outcome,.ser-work-outcome-comparison,.ser-work-outcome-values>div,.ser-work-operational,.ser-work-operational-values>div){border-color:var(--ser-line)}
html[data-ser-theme="light"] #ser-design .ser-econ-reset{border-color:var(--ser-line-strong)}
html[data-ser-theme="light"] #ser-design .ser-econ-warning{color:var(--ser-warning)}
html[data-ser-theme="light"] #ser-design .ser-econ-fields input[aria-invalid="true"]{border-color:var(--ser-warning)}
html[data-ser-theme="light"] #ser-design :is(.ser-work-outcome,.ser-creator-report,.ser-work-revenue,.ser-work-index-revenue,.ser-work-index-metrics){background:var(--ser-surface-raised)}
html[data-ser-theme="light"] #ser-design .ser-work-image{background:var(--ser-surface-raised)}
html[data-ser-theme="light"] #ser-design .ser-work-credit{color:var(--ser-muted)}
html[data-ser-theme="light"] #ser-design .ser-work-metric-arrow{color:var(--ser-muted)}
html[data-ser-theme="light"] #ser-design .ser-work-index-card>button:is(:hover,[aria-pressed="true"]){border-color:var(--ser-accent)}
html[data-ser-theme="light"] #ser-design .ser-work-switch button[aria-pressed="true"]{color:var(--ser-on-accent)}
html[data-ser-theme="light"] #ser-design .ser-workflow-column{background:var(--ser-surface);border-color:var(--ser-line)}
html[data-ser-theme="light"] #ser-design .ser-workflow-after{background:var(--ser-surface-raised);border-color:var(--ser-line-strong)}
html[data-ser-theme="light"] #ser-design .ser-workflow-tabs button[aria-pressed="true"]{color:var(--ser-on-accent)}
html[data-ser-theme="light"] #ser-design .ser-workflow-tabs button:hover{border-color:var(--ser-accent)}
html[data-ser-theme="light"] #ser-design .ser-workflow-steps p{color:var(--ser-ink)}
html[data-ser-theme="light"] #ser-design .ser-workflow-number{color:var(--ser-muted)}
html[data-ser-theme="light"] #ser-design .ser-workflow-after .ser-workflow-steps li{border-color:var(--ser-line)}
html[data-ser-theme="light"] #ser-design .ser-language-menu{background:var(--ser-surface);border-color:var(--ser-line);box-shadow:0 18.4px 36.8px var(--ser-shadow)}
html[data-ser-theme="light"] #ser-design .ser-language-picker .ser-language-option:is(:hover,[aria-pressed="true"]){background:var(--ser-accent-soft)}
html[data-ser-theme="light"] #ser-design :is(.ser-chat-thread,.ser-flow-output){background:var(--ser-surface-raised);border-color:var(--ser-line)}
html[data-ser-theme="light"] #ser-design .ser-chat-form input,
html[data-ser-theme="light"] #ser-design [data-ser-view="automation"] .ser-form :is(input,select,textarea){background:var(--ser-field);color:var(--ser-ink);border-color:var(--ser-line-strong)}
html[data-ser-theme="light"] #ser-design .ser-chat-source{color:var(--ser-muted)}
/* The barber example keeps its own brand palette inside the light agency shell. */
html[data-ser-theme="light"] #ser-design [data-ser-view="barber"]{--ser-bg:#16120f;--ser-ink:#f2f5ec;--ser-muted:#a5ada1;--ser-line:#4a4438;--ser-accent:#e8d0a5;background:#16120f;color:var(--ser-ink)}
html[data-ser-theme="light"] #ser-design [data-ser-view="barber"] .ser-pill{color:#251e14}
@container(max-width:700px){#ser-design .ser-site-header .ser-nav-actions{display:flex;grid-column:2;grid-row:1;align-items:center;gap:9.2px}#ser-design .ser-theme-toggle{width:46px;min-width:46px}}
@media(prefers-reduced-motion:reduce){#ser-design .ser-theme-toggle{transition:none}}