/* IX50 uid-master · TOKENS · ix@0.1.0 · elle yazilan kaynak (NO-BUILD) */
/* ============================================================
   IX50 · UID-MASTER DESIGN SYSTEM — FOUNDATION (shared core)
   The single visual language for every IX50 app.
   Tokens (3-tier) + reusable components. Dark-first + light.
   Density rule: small font -> tight component, minimal whitespace.
   Financial color discipline: --up/--dn = MARKET DIRECTION ONLY.
   --acc (indigo) = interactive. --ok/--warn/--crit = system status.
   ============================================================ */
:root{
  /* surfaces */
  --bg:#0a0b0e; --s1:#0f1116; --s2:#14171e; --s3:#1a1e27; --ov:#20242e;
  /* text */
  --txt:#e7e9ef; --txt2:#98a0ad; --txt3:#666e7b;
  /* borders */
  --bd:rgba(255,255,255,.08); --bd2:rgba(255,255,255,.15);
  /* accent (interactive) — dark theme blue, deeper + slightly toward navy */
  --acc:#3b63d9; --acc-bg:rgba(59,99,217,.20); --acc-ink:#8fb1ff;
  /* market direction */
  --up:#31c48d; --up-bg:rgba(49,196,141,.15);
  --dn:#f2555a; --dn-bg:rgba(242,85,90,.15);
  /* system status */
  --ok:#31c48d; --ok-bg:rgba(49,196,141,.14);
  --warn:#e6a44a; --warn-bg:rgba(230,164,74,.14);
  --crit:#f2555a; --crit-bg:rgba(242,85,90,.14);
  --info:#3b63d9; --info-bg:rgba(59,99,217,.16);
  /* geometry / density (tight) */
  --ctl:26px; --ctl-sm:22px; --row:26px; --r:6px; --r-sm:4px; --r-lg:9px;
  --px:10px; --py:5px; --cell:9px; --pad:11px; --gap:6px;
  /* type */
  --fs:12px; --fs-sm:11px; --fs-xs:10px; --fs-lg:14px; --lh:1.32;
  --mono:ui-monospace,'SF Mono','JetBrains Mono','Cascadia Code',Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,Roboto,Helvetica,Arial,sans-serif;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){
  --bg:#fbfbfd; --s1:#ffffff; --s2:#f5f6f9; --s3:#eef0f4; --ov:#ffffff;
  --txt:#12141a; --txt2:#5b636f; --txt3:#98a0ac;
  --bd:rgba(0,0,0,.10); --bd2:rgba(0,0,0,.18);
  --up:#1c9666; --up-bg:rgba(28,150,102,.13); --dn:#d63a40; --dn-bg:rgba(214,58,64,.12);
  --ok:#1c9666; --ok-bg:rgba(28,150,102,.12); --warn:#a86a12; --warn-bg:rgba(168,106,18,.12);
  --crit:#d63a40; --crit-bg:rgba(214,58,64,.12); --info:#5b8cff; --info-bg:rgba(91,140,255,.12);
  --acc:#5b8cff; --acc-bg:rgba(91,140,255,.14); --acc-ink:#2b53c9;
  color-scheme:light;
}}
:root[data-theme="light"]{
  --bg:#fbfbfd; --s1:#ffffff; --s2:#f5f6f9; --s3:#eef0f4; --ov:#ffffff;
  --txt:#12141a; --txt2:#5b636f; --txt3:#98a0ac;
  --bd:rgba(0,0,0,.10); --bd2:rgba(0,0,0,.18);
  --up:#1c9666; --up-bg:rgba(28,150,102,.13); --dn:#d63a40; --dn-bg:rgba(214,58,64,.12);
  --ok:#1c9666; --ok-bg:rgba(28,150,102,.12); --warn:#a86a12; --warn-bg:rgba(168,106,18,.12);
  --crit:#d63a40; --crit-bg:rgba(214,58,64,.12); --info:#5b8cff; --info-bg:rgba(91,140,255,.12);
  --acc:#5b8cff; --acc-bg:rgba(91,140,255,.14); --acc-ink:#2b53c9;
  color-scheme:light;
}