/* ============================================================
   LenderReady — design foundation (single source of truth)
   Tokens + reset + base type. NO component classes live here, so any
   page can link this without its own chrome classes colliding.
   app.css @imports this; index.html / about.html link it directly.
   Graphite / signal-green. Token names: --accent* (canonical) aliased
   to --lime* (legacy) so both vocabularies resolve everywhere.
   ============================================================ */
:root{
  --bg:#0B0C0E; --bg-2:#101114; --panel:#131519; --panel-2:#16181C;
  --line:rgba(255,255,255,.085); --line-2:rgba(255,255,255,.05);
  --text:#F3F3F1; --text-2:#9A9C9F; --text-3:#6B6D71;
  --lime:#2FD98A; --lime-d:#27B473; --lime-bright:#42E89A; --lime-glow:rgba(47,217,138,.22);
  --accent:var(--lime); --accent-d:var(--lime-d); --accent-bright:var(--lime-bright);
  --accent-ink:#0A0B0E; --accent-soft:rgba(47,217,138,.08);
  --blue:#6E7177; /* neutralized — brand is black/grey/green only */
  --ease:cubic-bezier(.22,1,.36,1); --maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:"Sora",system-ui,sans-serif;font-size:17px;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;position:relative;z-index:2}
.wrap--narrow{max-width:820px}
h1,h2,h3,h4{font-family:"Sora",sans-serif;font-weight:600;line-height:1.02;letter-spacing:-.03em}
a{color:inherit;text-decoration:none}
::selection{background:var(--lime);color:#000}
.mono{font-family:"JetBrains Mono",monospace;font-weight:500;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
.mono--lime{color:var(--lime-d)}
.lime{color:var(--lime)}