/* yutai.com light theme, November 2026.
   Loaded after each page's own styles. It redefines the page tokens (three token sets are in use across the site),
   adds the faint grid band behind the top of the page, and keeps signal green for fills while text uses a darker green. */
:root{
  /* tokens used by the homepage, brand kit, integrations and the Kabunushi Yutai Daily pages */
  --n0:#FFFFFF;--n1:#F7F9FC;--n2:#FFFFFF;--line:#E3E8F0;--line2:#C9D0DE;--txt:#030817;--body:#2C3550;--mut:#4A5470;--mut2:#6B7591;
  --gline:rgba(8,122,72,.32);--link:#087A48;
  /* tokens used by issuers, exchanges, about, research hub, privacy */
  --bg:#FFFFFF;--surface:#F7F9FC;--surface-2:#EEF2F8;--line-2:#C9D0DE;--fg:#030817;--muted:#2C3550;--dim:#4A5470;
  --info:#1D6FD8;--warn:#9A6400;--danger:#C0303F;
  /* tokens used by the in-practice page */
  --night:#F7F9FC;--indigo:#FFFFFF;--rule:#E3E8F0;--mist:#030817;--haze:#2C3550;--slate:#4A5470;
  /* green for text and thin lines on white; signal green (#2BF59A) stays for fills, dots and the seal */
  --g-ink:#087A48;
  color-scheme:light;
}
html,body{background-color:#FFFFFF}
body{
  color:#030817;
  background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0,#FFFFFF 760px),linear-gradient(#E9EDF4 1px,transparent 1px),linear-gradient(90deg,#E9EDF4 1px,transparent 1px);
  background-size:100% 100%,64px 64px,64px 64px;
  background-repeat:no-repeat,repeat,repeat;
  background-position:0 0,center top,center top;
}
header.site,header.top,body > header:first-of-type{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #E3E8F0!important}
.y-logo-img{height:30px;width:auto;display:block}
::selection{background:#2BF59A;color:#030817}

/* sections and cards that used fixed navy backgrounds */
.shift{background:linear-gradient(180deg,#FFFFFF,#F7F9FC)!important}
.handle{background:#F7F9FC!important}
.dev{background:linear-gradient(180deg,#F7F9FC,#FFFFFF)!important}
.shift-cell,.kpi,.yc-step,.nm{background:#FFFFFF!important}
.disc,.legend{background:#F7F9FC!important}
.tag-good,.mk-yes,.yc-step.ok .n,.drivers .dot{background:#DDF8EA!important;color:#087A48!important}
.h-card.you p{color:#0B3B26}

/* product mocks, code and tickets stay dark: they show how Yutai renders inside a venue's own dark UI */
.ticket,div.code,.wl-toast,.float-row,.film,.stage.dark,.xa,.wl,.phone{
  --fg:#F4F7FF;--muted:#A9B5DA;--dim:#7C89B6;--line:#23346F;--line-2:#3A4C8C;--surface:#0D1940;--surface-2:#15245A;--bg:#030817;
  --txt:#EAF0FF;--body:#B8C4E6;--mut:#8C9AC4;--mut2:#5D6B97;--n0:#030817;--n1:#061031;--n2:#0B1A47;--g-ink:#2BF59A;
  color-scheme:dark;
}
.stage.dark{background:#030817!important}
div.code{background:#030817!important}
.code-tabs{background:#061031!important}

/* the big seal stamp keeps signal green */
.stamp,.yc-mock .hd svg{color:#2BF59A!important}