/* Kleyna design tokens — shared by every page. Swap --k-font to change the typeface site-wide. */
/* Satoshi (Indian Type Foundry, ITF Free Font License), self-hosted from assets/fonts. */
@font-face { font-family:'Satoshi'; src:url('assets/fonts/Satoshi-Light.woff2') format('woff2'), url('assets/fonts/Satoshi-Light.woff') format('woff'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Satoshi'; src:url('assets/fonts/Satoshi-Regular.woff2') format('woff2'), url('assets/fonts/Satoshi-Regular.woff') format('woff'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Satoshi'; src:url('assets/fonts/Satoshi-Medium.woff2') format('woff2'), url('assets/fonts/Satoshi-Medium.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Satoshi'; src:url('assets/fonts/Satoshi-Bold.woff2') format('woff2'), url('assets/fonts/Satoshi-Bold.woff') format('woff'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Overpass'; src:url('assets/Overpass-Light.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap; }
:root {
  --k-canvas:#05060f;
  --k-navy:#07101d;
  --k-text:#D8ECF8;
  --k-muted:#9DA7BA;
  --k-faint:#6b7385;
  --k-blue:#3EA8FF;
  --k-ice:#8DD8FF;
  --k-rule:rgba(216,236,248,0.08);
  --k-edge:rgba(216,236,248,0.10);
  --k-surface:rgba(216,236,248,0.03);
  --k-font:'Satoshi', 'Overpass', system-ui, sans-serif;
  --k-radius-window:10px;
  --k-radius-input:6px;
  --k-radius-pill:999px;
  --k-ease:cubic-bezier(.2,.7,.2,1);
  --k-dur:240ms;
  /* legacy names used by sub-pages */
  --k-glass:rgba(216,236,248,0.03);
  --k-body:#D8ECF8;
  --k-helper:#9DA7BA;
  --k-pale:#8DD8FF;
  --k-radius-card:10px;
  --k-shadow-card:inset 0 1px 0 rgba(216,236,248,0.08), inset 0 0 0 1px rgba(216,236,248,0.08), 0 24px 48px rgba(0,0,0,0.45);
  --k-shadow-plate:inset 0 1px 0 rgba(216,236,248,0.10), inset 0 0 0 1px rgba(216,236,248,0.08), 0 40px 80px rgba(0,0,0,0.5);
  --k-shadow-edge:inset 0 0 0 1px rgba(216,236,248,0.10);
  --k-grid:linear-gradient(rgba(216,236,248,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(216,236,248,0.05) 1px, transparent 1px);
}
html { background:#05060f; }
body { font-family:var(--k-font); }
::selection { background:rgba(62,168,255,0.3); color:#ffffff; }