/* TelegramMaster — design tokens
   Mission-control aesthetic: layered graphite, electric-mint primary,
   violet reserved for the AI layer (our differentiator). */

:root {
  /* surfaces */
  --bg-0:#080a0e;          /* app backdrop            */
  --bg-1:#0d1015;          /* sidebar / rails         */
  --bg-2:#11151c;          /* panels                  */
  --bg-3:#161b24;          /* cards / raised          */
  --bg-4:#1d2430;          /* hover / inputs          */
  --bg-glass:rgba(18,23,31,.72);

  /* hairlines */
  --line:#222a35;
  --line-2:#2b3543;
  --line-3:#3a4656;

  /* text */
  --tx-0:#eef3f9;
  --tx-1:#9fabbb;
  --tx-2:#677483;
  --tx-3:#475160;

  /* primary — electric blue (Funnl brand) */
  --acc:#2E7BFF;
  --acc-2:#1E63E6;
  --acc-ink:#eaf2ff;
  --acc-soft:rgba(46,123,255,.13);
  --acc-line:rgba(46,123,255,.34);

  /* AI layer — violet */
  --ai:#8c7bff;
  --ai-2:#6f5bf0;
  --ai-soft:rgba(140,123,255,.13);
  --ai-line:rgba(140,123,255,.36);

  /* status */
  --ok:#34d27b;     --ok-soft:rgba(52,210,123,.13);
  --warn:#f5b13d;   --warn-soft:rgba(245,177,61,.13);
  --bad:#ff5269;    --bad-soft:rgba(255,82,105,.13);
  --info:#3db8f5;   --info-soft:rgba(61,184,245,.13);
  --gold:#ffce5a;   --gold-soft:rgba(255,206,90,.13);

  /* type */
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  --t-xs:11px; --t-sm:12px; --t-md:13px; --t-base:14px; --t-lg:16px;
  --t-xl:20px; --t-2xl:26px; --t-3xl:34px;

  /* geometry */
  --r-sm:7px; --r-md:11px; --r-lg:15px; --r-xl:20px; --r-pill:999px;
  --sp:4px;
  --sidebar-w:252px;
  --topbar-h:58px;

  /* shadow */
  --sh-1:0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 6px 22px rgba(0,0,0,.38);
  --sh-3:0 18px 50px rgba(0,0,0,.5);
  --glow:0 0 0 1px var(--acc-line),0 8px 30px rgba(46,123,255,.2);
}