/* Locrian steel-blue UI palette SSOT: screen chrome only; Canvas and print content unchanged. */
:root {
  --locrian-primary: #61758A;
  --locrian-olive: #61758A; /* legacy variable alias, now steel blue */
  --locrian-olive-deep: #61758A;
  --locrian-point: #61758A;
  --locrian-editorial-ink: #1F2933;
  --locrian-text: #1F2933;
  --locrian-text-muted: #6B7280;
  --locrian-tab-selected: #61758A;
  --locrian-tab-idle: #FFFFFF;
  --locrian-tab-hover: #E3EAF5;
  --locrian-footer: #61758A;
  --locrian-surface-page: #EDF3FF;
  --locrian-surface-card: #FFFFFF;
  --locrian-surface-subtle: #E3EAF5;
  --locrian-surface-hover: #E3EAF5;
  --locrian-surface-line: #D9E2EC;
  --locrian-surface-divider: #D9E2EC;
  --locrian-canvas-ground: #EBEEE4;
}
@media screen {
  /* The homepage keeps page-view hidden and its original pure-white wipe. */
  body:has(#page-view:not([hidden])) { background-color: var(--locrian-surface-page) !important; }
  #page-view:not([hidden]) { background-color: var(--locrian-surface-page); }

  /* Marketplace / creator panels and media. */
  #page-view.market-page :is(.market-resource-card,.market-catalog-card,
    .market-filterbar,.creator-upload-panel,.creator-identity-gate,
    .purchase-library-aside-card,.creator-analytics-chart,.creator-store-preview,
    .creator-upload-complete,.purchase-product-contents) {
    background-color: var(--locrian-surface-card);
    border-color: var(--locrian-surface-line);
  }
  #page-view.market-page :is(.market-catalog-image,.market-resource-image,
    .market-empty,.market-catalog-error,.creator-draft-controls,
    .creator-file-drop,.creator-thumb-display,.creator-delivery-drop,
    .creator-owned-detail-status,.purchase-library-thumb) {
    background-color: var(--locrian-surface-subtle);
  }
  #page-view.market-page .creator-upload-form .creator-upload-panel {
    background-color: var(--locrian-surface-card);
    border-color: var(--locrian-surface-line);
  }
  #page-view.market-page .creator-upload-form .creator-upload-panel .creator-delivery-drop {
    background-color: var(--locrian-surface-subtle);
  }

  /* My Page, membership and credit cards. */
  #page-view:not([hidden]) :is(.mypage-summary,.profile-info-card,
    .price-card,.signup-all-consent,.balance) {
    background-color: var(--locrian-surface-card);
    border-color: var(--locrian-surface-line);
  }
  #page-view:not([hidden]) :is(.mypage-empty,.empty,.profile-field input[readonly]) {
    background-color: var(--locrian-surface-subtle);
  }

  /* Canvas library / canvas working ground only. The A4 sheet remains white. */
  body:has(.maker-page) .maker-app.maker-library {
    background-color: var(--locrian-surface-page) !important;
  }
  body:has(.maker-page) .maker-app.maker-library .maker-library-row {
    background-color: var(--locrian-surface-card);
    border-bottom-color: var(--locrian-surface-divider);
  }
  body:has(.maker-page) .maker-app.maker-library .maker-library-row:hover {
    background-color: var(--locrian-surface-hover);
  }
  body:has(.maker-page) .maker-app.maker-library :is(.maker-library-preview,.maker-library-intro) {
    background-color: var(--locrian-surface-subtle);
  }
  body:has(.maker-page) .maker-app:not(.maker-library) .maker-stage-frame {
    background-color: var(--locrian-canvas-ground) !important;
  }

  /* Generator settings/surround only. Never recolor worksheet SVG or print. */
  body.tool-page { background-color: var(--locrian-surface-page) !important; }
  body.tool-page .app .controls {
    background-color: var(--locrian-surface-card) !important;
    border-color: var(--locrian-surface-line) !important;
  }
  body.tool-page .app .preview-wrap {
    /* The worksheet paper and print output remain untouched. */
    background: var(--locrian-page-gradient) !important;
    border-color: var(--locrian-surface-line) !important;
  }
}

/* §227: 0% white -> 100% #EDF3FF screen-only background gradient.
   Keep the home hero wipe, editor paper, media previews and PDF/print unchanged. */
:root{
 --locrian-page-background:#EDF3FF;
 --locrian-page-gradient:linear-gradient(180deg,#FFFFFF 0%,#EDF3FF 100%);
}
@media screen{
 html,body{
  background-color:var(--locrian-page-background)!important;
  background-image:var(--locrian-page-gradient)!important;
 }
 body:has(#page-view:not([hidden])),
 body.tool-page{
  background-color:var(--locrian-page-background)!important;
  background-image:var(--locrian-page-gradient)!important;
 }
 #page-view:not([hidden]),#page-view.market-page:not([hidden]){
  background-color:var(--locrian-page-background)!important;
  background-image:var(--locrian-page-gradient)!important;
 }
 body:has(.maker-page) .maker-app,
 body:has(.maker-page) .maker-app.maker-library{
  background-color:var(--locrian-page-background)!important;
  background-image:var(--locrian-page-gradient)!important;
 }
 /* The Canvas foreground paper retains its existing original styles. */
}

/* §228 baseline semantic colors for page chrome; preserve the §227 gradient. */
:root{
 --ink:#1F2933;--muted:#6B7280;--line:#D9E2EC;
}
@media screen{
 body:not(:has(#home-view:not([hidden]))){color:var(--locrian-text)}
 .site-footer{
  background:var(--locrian-footer)!important;color:#fff!important;
  border-top-color:var(--locrian-footer)!important;
 }
 .site-footer :is(a,button,small,span,p,strong,div),
 .site-footer :is(a,button,small,span,p,strong,div):is(:hover,:focus-visible){
  color:#fff!important;
 }
 .site-footer .footer-business-inner{border-top-color:rgba(255,255,255,.38)!important}
 .site-footer a:focus-visible,.site-footer button:focus-visible{
  outline:2px solid #fff!important;outline-offset:3px;
 }
}