/* ARGITU shared semantic tokens. Every screen uses the same two palettes. */
:root, :root[data-theme="light"] {
  color-scheme: light;
  --argitu-bg:#edf5fc; --argitu-surface:#ffffff; --argitu-raised:#f5f9ff;
  --argitu-ink:#10283f; --argitu-muted:#526b83; --argitu-border:#cedeea;
  --argitu-accent:#007b89; --argitu-action:#08d5e5; --argitu-on-action:#052b3b;
  --argitu-soft:#e4f6f8; --argitu-error:#b42340; --argitu-focus:#007cba;
  --argitu-shadow:0 18px 55px #1c527714; --argitu-logo:linear-gradient(165deg,#29deff 15%,#008cdf 40%,#10283f 65%);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --argitu-bg:#07131f; --argitu-surface:#0d2132; --argitu-raised:#122b40;
  --argitu-ink:#edf6ff; --argitu-muted:#aac0d4; --argitu-border:#29465e;
  --argitu-accent:#43dce7; --argitu-action:#18dce8; --argitu-on-action:#052532;
  --argitu-soft:#123a46; --argitu-error:#ff9cac; --argitu-focus:#67e7ff;
  --argitu-shadow:0 18px 55px #0005; --argitu-logo:linear-gradient(165deg,#96f3ff 10%,#16b9ff 40%,#f3fbff 70%);
}
/* Legacy aliases keep existing layout and component rules in place. */
:root[data-theme], :root[data-theme] body {
  --bg:var(--argitu-bg); --paper:var(--argitu-surface); --surface:var(--argitu-surface);
  --ink:var(--argitu-ink); --muted:var(--argitu-muted); --line:var(--argitu-border);
  --border:var(--argitu-border); --control:var(--argitu-border); --field:var(--argitu-border);
  --accent:var(--argitu-accent); --green:var(--argitu-accent); --focus:var(--argitu-focus);
  --selected:var(--argitu-soft); --light:var(--argitu-soft); --soft:var(--argitu-soft);
  --blue:var(--argitu-raised); --error:var(--argitu-error);
}
html {background:var(--argitu-bg)}
body {background-color:var(--argitu-bg);color:var(--argitu-ink)}
html[data-ui-page] body {padding-top:64px}
input,textarea,select {accent-color:var(--argitu-accent)}
button,a,input,textarea,select {touch-action:manipulation}
:focus-visible {outline:3px solid var(--argitu-focus);outline-offset:4px}
dialog {background:var(--argitu-surface);color:var(--argitu-ink);border:1px solid var(--argitu-border);border-radius:18px;max-width:min(430px,calc(100vw - 36px));padding:28px;box-shadow:var(--argitu-shadow)}
dialog::backdrop {background:#020d1cb3}
.argitu-theme-switch {position:fixed;right:24px;top:20px;z-index:10000;display:flex;gap:3px;padding:4px;border:1px solid var(--argitu-border);border-radius:28px;background:var(--argitu-surface);box-shadow:0 4px 20px #051a3010}
:root[data-theme] .argitu-theme-switch button {display:grid;place-items:center;width:44px;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:22px;background:transparent;color:var(--argitu-muted);cursor:pointer;box-shadow:none}
:root[data-theme] .argitu-theme-switch button[aria-pressed="true"] {background:var(--argitu-action);color:var(--argitu-on-action)}
.prototype-page-number {top:78px!important}
.primary,button.primary {background:var(--argitu-action)!important;color:var(--argitu-on-action)!important;border-color:var(--argitu-action)!important}
.primary:hover,button.primary:hover {filter:brightness(.94)}
.journey-nav {background:var(--argitu-surface)!important;border-color:var(--argitu-border)!important;padding-right:140px!important}
.journey-nav a {color:var(--argitu-accent)!important}
.app-header,.preview-controls {padding-right:140px!important}
.sidebar,body>aside {background:var(--argitu-surface);color:var(--argitu-ink)}
@media(max-width:600px){.argitu-theme-switch{top:12px;right:14px}.prototype-page-number{top:68px!important}}
@media(max-width:740px){
  :root[data-ui-page] .journey {flex-wrap:wrap;row-gap:8px}
  :root[data-ui-page] .workflow-step,:root[data-ui-page] .agent-card,:root[data-ui-page] .source-path {min-width:0;overflow-wrap:anywhere}
  :root[data-ui-page] details,:root[data-ui-page] summary {min-width:0;overflow-wrap:anywhere}
  :root[data-ui-page="concepts-index"] body .shell {position:static;width:auto;height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:22px;margin:0}
  :root[data-ui-page="concepts-index"] body .brand {border:0;margin:0;padding:0}
  :root[data-ui-page="concepts-index"] body .nav {display:flex;flex-wrap:wrap;height:auto;gap:4px}
  :root[data-ui-page="concepts-index"] body .nav button {min-width:0;padding:10px}
  :root[data-ui-page="concepts-index"] body .identity {margin:0;padding:0}
  :root[data-ui-page="concepts-index"] body .process {display:none!important}
  :root[data-ui-page="concepts-index"] body main {margin:0;padding:24px 20px;min-width:0}
  :root[data-ui-page="concepts-index"] body .home-layout,:root[data-ui-page="concepts-index"] body .form-wrap,:root[data-ui-page="concepts-index"] body .result-grid {grid-template-columns:minmax(0,1fr);gap:28px}
  :root[data-ui-page="concepts-index"] body h1,:root[data-ui-page="concepts-index"] body .home-primary h2 {font-size:32px;overflow-wrap:anywhere}
  :root[data-ui-page="concepts-index"] body .home-detail,:root[data-ui-page="concepts-index"] body .side-note,:root[data-ui-page="concepts-index"] body .selection {border:0;padding:16px 0;min-width:0}
}
@media print{.argitu-theme-switch{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}