/* ============================================================================
   LIGHTWORKS INSTITUTIONAL — access layer tokens
   Same native palette as the Institutional desk theme. Champagne is reserved
   for active states, the wordmark and the primary action.
   ========================================================================= */
:root{
  --bg:#090D13;
  --bg-2:#0C121B;
  --panel:#101620;
  --panel-2:#151D28;
  --panel-3:#1B2531;

  --hair:rgba(232,237,243,.055);
  --hair-2:rgba(232,237,243,.10);
  --hair-3:rgba(232,237,243,.16);

  --tx:#E8EDF3;
  --tx-2:#8995A5;
  --dim:#657183;
  --dim-2:#4B5868;

  --gold:#C6A451;
  --gold-2:#D9C285;
  --gold-3:#A98A3F;
  --gold-soft:rgba(198,164,81,.10);
  --gold-line:rgba(198,164,81,.30);
  --gold-ink:#0B0F14;

  --grn:#26B887;
  --red:#E45B66;

  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
  --serif:"Baskerville","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --sans:"Segoe UI Variable Display","Segoe UI",Inter,system-ui,-apple-system,Roboto,sans-serif;

  --ease:cubic-bezier(.22,.8,.24,1);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--tx);
  font-family:var(--sans);font-size:14px;line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body.is-booting{overflow:hidden}
button,input{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
::selection{background:rgba(198,164,81,.28);color:#fff}
:focus-visible{outline:1px solid var(--gold);outline-offset:3px}

.mono{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.slash{font-style:normal;color:var(--dim-2);margin:0 .4em}
.dot{
  display:inline-block;width:4px;height:4px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 8px rgba(198,164,81,.6);
  vertical-align:middle;margin-right:8px;
}

#sbFx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:1}
.grain{
  position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.17;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.vignette{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(122% 92% at 50% 40%,transparent 28%,rgba(3,6,11,.56) 74%,rgba(3,6,11,.93) 100%);
}
.noscript{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:var(--bg);color:var(--tx);font-family:var(--mono)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}