/* Paperbot Brand Book, 12 October 2026. Shared across welcome, catalogue and every workspace.
   Core colours are fixed. Supporting tones implement the book's proposed digital palette.
   Status and chart directions use cobalt and orange with explicit labels. */
@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{
  --brand-cobalt:#204bff;--brand-cobalt-hover:#1a3ccc;--brand-cobalt-deep:#12298c;
  --brand-cobalt-100:#e9edff;--brand-cobalt-200:#c7d2ff;--brand-cobalt-300:#90a5ff;
  --brand-orange:#f66b24;--brand-orange-100:#fef0e9;--brand-orange-300:#f66b24;--brand-orange-900:#c5561d;
  --brand-charcoal:#202630;--brand-white:#ffffff;--brand-paper:#f6f5f2;--brand-mist:#e9ecf2;--brand-slate:#667085;
  --brand-surface:#ffffff;--brand-canvas:#f6f5f2;--brand-text:#202630;--brand-muted:#667085;--brand-border:#e9ecf2;
  --brand-link:#204bff;--brand-accent-text:#c5561d;--brand-soft:#e9edff;
  --blue:var(--brand-cobalt);--orange:var(--brand-orange);--ink:var(--brand-text);--muted:var(--brand-muted);--line:var(--brand-border);--bg:var(--brand-canvas);
  font-synthesis:none;
}
:root[data-theme="dark"]{
  --brand-surface:#050d1d;--brand-canvas:#050d1d;--brand-text:#ffffff;--brand-muted:#e9ecf2;--brand-border:#667085;
  --brand-link:#90a5ff;--brand-accent-text:#f66b24;--brand-soft:#050d1d;
  --blue:var(--brand-cobalt);--orange:var(--brand-orange);--ink:var(--brand-text);--muted:var(--brand-muted);--line:var(--brand-border);--bg:var(--brand-canvas);
}
body,body *{font-family:Inter,Arial,sans-serif!important}
body{font-weight:400;font-synthesis:none}
strong,b,h1,h2,h3,h4,h5,h6{font-weight:600}
input,select,textarea,button{font-family:inherit;font-synthesis:none}
:root body :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--brand-link);outline-offset:4px}
:root body :is(input,select,textarea){accent-color:var(--brand-cobalt)}
:root .appearance-toggle{font-weight:500;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);border-radius:8px;box-shadow:none}
:root .appearance-toggle:hover{border-color:var(--brand-link);box-shadow:none}
:root :is(.platform-page,.reference-client,.reference-admin,.reference-partner){--blue:var(--brand-cobalt);--ink:var(--brand-text);--muted:var(--brand-muted);--line:var(--brand-border);--bg:var(--brand-canvas);background:var(--brand-canvas);color:var(--brand-text)}
:root :is(.platform-header,.portal-toolbar,.admin-toolbar,.panel,.stat,.portal-card,.admin-card,.partner-card,dialog){border-color:var(--brand-border)}
:root[data-theme] body.platform-page :is(.platform-sidebar,.platform-header,.portal-toolbar,.admin-toolbar){background:var(--brand-surface)}
:root[data-theme] body.platform-page .side-link{color:var(--brand-muted)}
:root[data-theme] body.platform-page .side-link:hover{background:var(--brand-soft);color:var(--brand-text)}
:root[data-theme] body.platform-page .side-link.active{background:var(--brand-cobalt);color:#ffffff;box-shadow:none}
:root[data-theme] body.platform-page .side-link.active:before{background:var(--brand-orange)}
:root .portal-group summary{color:var(--brand-muted);font-weight:500;letter-spacing:.06em}
:root[data-theme] body.platform-page :is(.primary-button,.account-tabs button.selected){background:var(--brand-cobalt);border-color:var(--brand-cobalt);color:#ffffff;font-weight:500}
:root[data-theme] body.platform-page .primary-button:hover{background:var(--brand-cobalt-hover);border-color:var(--brand-cobalt-hover)}
:root[data-theme] body.platform-page :is(.secondary-button,.account-tabs button){background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text);font-weight:500}
:root[data-theme] body.platform-page .account-tabs button.selected{background:var(--brand-cobalt);color:#ffffff;border-color:var(--brand-cobalt)}
:root[data-theme] body.platform-page :is(.all-accounts,.platform-promo button,.partner-portal-label,.connection-row button,.text-button:hover){color:var(--brand-link)}
:root[data-theme] body.platform-page :is(.role-tabs button[aria-selected=true],.preview-tabs button[aria-pressed=true]){color:var(--brand-link)}
:root[data-theme] body.platform-page :is(.workspace-heading h1,.portal-metric strong,.admin-record-metrics strong){font-weight:600}
:root[data-theme] body.platform-page :is(.metric-icon,.provider-icon){color:var(--brand-link);background:var(--brand-soft)}
:root[data-theme] body.platform-page .portal-search{background:var(--brand-canvas);border-color:var(--brand-border);color:var(--brand-muted)}
:root[data-theme] body.platform-page .portal-search input{color:var(--brand-text);background:transparent}
:root[data-theme] body.platform-page :is(.portal-card,.admin-card,.partner-card,.panel,.stat,.portal-metric){background:var(--brand-surface);border-color:var(--brand-border)}
:root[data-theme] body.platform-page .portal-collapse{border-color:var(--brand-border);color:var(--brand-muted)}
:root[data-theme] body.platform-page :is(.module-icon,.module-card:nth-child(3n+2) .module-icon){background:var(--brand-soft);color:var(--brand-link);border-color:var(--brand-border)}
:root[data-theme] body.platform-page .stat:nth-child(2) strong{color:var(--brand-link)}
/* Overview: retain the glass material and interactions, with a quiet neutral canvas. */
:root .hub-page{
 --hub-bg:var(--brand-canvas);--hub-panel:var(--brand-surface);--hub-ink:var(--brand-text);--hub-muted:var(--brand-muted);
 --hub-line:var(--brand-border);--hub-blue:var(--brand-link);--hub-orange:var(--brand-accent-text);
 --hub-card:linear-gradient(145deg,#ffffffed,#e9edff66);--hub-card-border:#e9ecf2;--hub-card-hover:#c7d2ff;
 --hub-card-shadow:0 8px 24px -14px #20263022;--hub-reflection:#ffffffb3;--hub-duration:180ms;
 background:var(--brand-canvas);color:var(--brand-text);
}
:root[data-theme="dark"] .hub-page{
 --hub-card:linear-gradient(145deg,#050d1ded,#050d1ded);--hub-card-border:#050d1d;--hub-card-hover:#667085;
 --hub-card-shadow:0 12px 30px -16px #050d1d99;--hub-reflection:#ffffff12;
}
:root .hub-page .hub-hero h1{font-weight:500;line-height:1.1;letter-spacing:-.045em}
:root .hub-page :is(.section-heading h2,.hub-feature h2,.module-card h3){font-weight:600}
:root .hub-page :is(.eyebrow,.module-category,.module-type,.module-number,.result-count,.filter-chips button,.card-action){font-weight:500}
:root .hub-page .hub-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6}
:root .hub-page .hub-feature-icon{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand-link)}
:root .hub-page :is(.hub-orange-dot,.hub-hero-meta i){background:var(--brand-orange)}
:root .hub-page .orange-period{color:var(--brand-orange)}
:root .hub-page .module-card p.module-description{line-height:1.6}
:root .hub-page .optical-glyph{color:var(--brand-cobalt-deep)}
:root[data-theme="dark"] .hub-page .optical-glyph{color:var(--brand-cobalt-deep)}
/* Welcome: display 500, titles 600, readable regular body copy. */
:root body.journey-page{--journey-bg:var(--brand-canvas);--journey-ink:var(--brand-text);--journey-muted:var(--brand-muted);--journey-line:var(--brand-border);--journey-accent:var(--brand-link);background:var(--journey-bg);color:var(--journey-ink)}
:root .journey-copy h1{font-weight:500;line-height:1.1;letter-spacing:-.045em}
:root .journey-intro{font-size:16px;line-height:1.6}
:root .journey-start{background:var(--brand-cobalt);color:#ffffff;font-weight:500;box-shadow:none;transition:background 180ms ease,transform 180ms ease}
:root .journey-start:hover{background:var(--brand-cobalt-hover);transform:translateY(-2px);box-shadow:none}
:root :is(.journey-period,.journey-ecosystem>div>span,.journey-footer i){color:var(--brand-accent-text)}
:root .journey-eyebrow>span{background:var(--brand-orange)}
:root :is(.journey-eyebrow,.journey-ecosystem>p,.journey-footer){font-weight:500;letter-spacing:.06em}
/* Data is set in the same interface family; tabular numerals improve scanning. */
:root :is(.terminal-shell,table,.portal-metrics,.admin-record-metrics,.stat){font-variant-numeric:tabular-nums}
:root .terminal-shell{color:var(--brand-text)}
:root :is(.terminal-top,.terminal-watch,.terminal-order,.terminal-chart,.terminal-blotter){background:var(--brand-surface);border-color:var(--brand-border)}
:root .terminal-top{color:var(--brand-text)}
:root .terminal-shell :is(input,select){background:var(--brand-canvas);color:var(--brand-text);border-color:var(--brand-border)}
:root .terminal-shell .chart-timeframes .active{background:var(--brand-soft);color:var(--brand-link)}
:root .terminal-blotter [role=tab].active{color:var(--brand-link);border-color:var(--brand-cobalt)}
:root[data-theme="light"] .terminal-shell .trade-buttons .buy{background:#204bff;color:#ffffff}
:root[data-theme="light"] .terminal-shell .trade-buttons .sell{background:#f66b24;color:#ffffff}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Shared action states outrank the legacy per-portal theme selectors. */
:root[data-theme] body.platform-page .side-link.active,:root[data-theme] body.platform-page .side-link.active:hover{background:var(--brand-cobalt);color:#ffffff;box-shadow:none}
:root[data-theme] body.platform-page .partner-eyebrow{color:var(--brand-link)}

:root .hub-page .optical-glyph svg{filter:drop-shadow(0 1px 0 #ffffff65)}

/* Compact sun/moon switch, following the AISupportAssistant control. */
:root[data-theme] body .appearance-toggle{position:relative;display:inline-flex;align-items:center;justify-content:space-between;flex:0 0 68px;width:68px;height:36px;min-height:36px;gap:0;padding:0 9px;border:1px solid var(--brand-border);border-radius:999px;background:#e9ecf2;color:var(--brand-muted);overflow:hidden;isolation:isolate;cursor:pointer;box-shadow:none;transition:background 180ms ease,border-color 180ms ease}
:root[data-theme="dark"] body .appearance-toggle{background:#050d1d}
:root[data-theme] body .appearance-toggle:hover{border-color:var(--brand-link);box-shadow:none}
.appearance-toggle .theme-switch-sun,.appearance-toggle .theme-switch-moon{position:relative;z-index:1;font:16px/1 Inter,Arial,sans-serif;transition:opacity 180ms ease}
.appearance-toggle .theme-switch-sun{color:var(--brand-orange)}
.appearance-toggle .theme-switch-moon{color:#667085}
:root[data-theme="light"] .appearance-toggle .theme-switch-sun,:root[data-theme="dark"] .appearance-toggle .theme-switch-moon{opacity:0}
:root[data-theme] body .appearance-toggle .theme-switch-thumb{position:absolute;left:3px;top:3px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand-orange);color:#ffffff;font:17px/1 Inter,Arial,sans-serif;box-shadow:0 2px 5px #20263026;transform:translateX(0);transition:transform 180ms ease,background 180ms ease,color 180ms ease}
:root[data-theme="dark"] body .appearance-toggle .theme-switch-thumb{transform:translateX(32px);background:#e9ecf2;color:#050d1d}
@media(prefers-reduced-motion:reduce){:root[data-theme] body .appearance-toggle,:root[data-theme] body .appearance-toggle .theme-switch-thumb,.appearance-toggle .theme-switch-sun,.appearance-toggle .theme-switch-moon{transition:none}}
/* Brand-led typography with direct, readable labels. */
:root .hub-page .hub-hero h1{font-size:clamp(48px,5.4vw,76px);font-weight:500;line-height:1.06;letter-spacing:-.045em}
:root .hub-page .hub-hero .eyebrow{font-size:16px;font-weight:500;letter-spacing:.07em;margin-bottom:24px}
:root .hub-page .hub-hero-copy>p:not(.eyebrow){max-width:480px;font-size:17px;line-height:1.65}
:root .hub-page .section-heading .eyebrow{font-size:19px;line-height:1.4;letter-spacing:.045em;color:var(--brand-link);margin-bottom:12px}
:root .hub-page .hub-hero{padding-block:48px 56px}
:root .hub-page .module-card .module-art{margin-top:4px}
:root .hub-page .hub-footer{margin-top:48px}
@media(max-width:800px){:root .hub-page .hub-hero h1{font-size:clamp(44px,7.6vw,60px)}:root .hub-page .hub-hero{gap:28px;padding-block:40px 48px}}
@media(max-width:600px){:root .hub-page .hub-hero h1{font-size:clamp(46px,11vw,60px)}:root .hub-page .hub-hero .eyebrow{font-size:14px}:root .hub-page .section-heading .eyebrow{font-size:18px}:root .hub-page .hub-hero-copy>p:not(.eyebrow){font-size:16px}:root .hub-page .hub-hero{padding-block:24px 40px}}

/* Latest brand book: Inter Medium official tagline, charcoal dark surfaces and approved accents. */
:root[data-theme="dark"]{--brand-canvas:#050d1d;--brand-surface:#050d1d;--brand-text:#ffffff;--brand-muted:#e9ecf2;--brand-border:#66708566;--brand-accent-text:#fbb592}
:root{--brand-orange-100:#fef0e9;--brand-orange-900:#873b14;--green:var(--brand-cobalt)}
:root .hub-page .hub-hero h1{font-weight:500;font-size:clamp(46px,5vw,70px);letter-spacing:-.04em;line-height:1.12}
:root .hub-page .hub-hero-copy>p:not(.eyebrow){font-weight:400}
:root .hub-page .hub-footer>span{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
:root .hub-page .catalog{scroll-margin-top:28px;outline:none}
:root[data-theme="dark"] .hub-page{--hub-card:linear-gradient(145deg,#ffffff09,#050d1ded);--hub-card-border:#66708566;--hub-card-hover:#90a5ff;--hub-reflection:#ffffff12}
:root[data-theme] body.platform-page :is(.positive,.badge.green,.status-green,.green-text){color:var(--brand-link)}
:root[data-theme] body.platform-page :is(.negative,.badge.red,.status-red,.red-text){color:var(--brand-accent-text)}
@media(max-width:800px){:root .hub-page .hub-hero h1{font-size:clamp(42px,6.4vw,60px)}}
@media(max-width:600px){:root .hub-page .hub-hero h1{font-size:clamp(42px,10.5vw,56px)}}
:root[data-theme="dark"] .hub-page{--hub-bg:var(--brand-canvas);--hub-panel:var(--brand-surface);--hub-ink:var(--brand-text);--hub-muted:var(--brand-muted);--hub-line:var(--brand-border);--hub-blue:var(--brand-link);--hub-orange:var(--brand-accent-text);background:var(--brand-canvas)}
:root .hub-page .hub-hero h1,:root .hub-page .hub-hero h1>span{color:var(--brand-text);letter-spacing:0}
:root .journey-footer>span:last-child{font-size:14px;line-height:1.3;font-weight:500;letter-spacing:0;text-transform:none}
/* Keep supporting trading text readable on the charcoal canvas. */
:root[data-theme="dark"] .terminal-shell :is(.watch-labels,.watch-foot,.chart-heading p,.chart-description,.spread-note,.terminal-notice,.terminal-shell label,#order-estimate){color:var(--brand-mist)}
:root[data-theme="dark"] .terminal-shell #market-watch button small{color:var(--brand-mist)}
:root[data-theme="dark"] .terminal-shell input::placeholder{color:var(--brand-mist);opacity:.8}

/* CRM entry links select the portal; the workspace shows only its current identity. */
:root body.platform-page #role-tabs.crm-portal-identity{position:static;inset:auto;z-index:auto;background:transparent;box-shadow:none;padding:0;border:0}
.crm-portal-identity .current-portal{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border:1px solid var(--brand-border);border-radius:8px;background:var(--brand-soft);color:var(--brand-link);font-size:12px;font-weight:500;white-space:nowrap}

/* Demo dark canvas matches the always-dark welcome scene. */
:root[data-theme="dark"]{--brand-canvas:#050d1d;--brand-surface:#050d1d;--brand-soft:#050d1d;--bg:#050d1d}
:root[data-theme="dark"] body:is(.journey-page,.hub-page,.module-page,.platform-page){background:#050d1d}