/* ============================================================
   PixelForge — Design tokens (light & dark)
   ============================================================ */
:root{
  /* Brand */
  --brand:#2E46FF;
  --brand-2:#7C5CFF;
  --brand-grad:linear-gradient(120deg,var(--brand),var(--brand-2));
  --brand-soft:rgba(46,70,255,.08);

  /* Surfaces & text (light) */
  --bg:#FFFFFF;
  --bg-soft:#F6F8FC;
  --surface:#FFFFFF;
  --ink:#171B24;
  --muted:#5B6474;
  --line:#E7EBF2;

  /* Feedback */
  --ok:#16A34A; --warn:#D97706; --bad:#DC2626;

  /* Tool tile colors (like the reference UI) */
  --t-green:#1FA968;  --t-green-bg:#E7F7EF;
  --t-blue:#2E7CF6;   --t-blue-bg:#EAF2FE;
  --t-purple:#8B5CF6; --t-purple-bg:#F2ECFE;
  --t-amber:#F59E0B;  --t-amber-bg:#FEF3E2;
  --t-teal:#0D9DA0;   --t-teal-bg:#E3F6F6;
  --t-rose:#EE4B7E;   --t-rose-bg:#FDEAF1;

  /* Shape & depth */
  --radius:16px; --radius-s:10px; --radius-xs:8px;
  --shadow-s:0 1px 2px rgba(23,27,36,.06);
  --shadow:0 2px 4px rgba(23,27,36,.04),0 12px 32px rgba(23,27,36,.08);
  --shadow-l:0 8px 20px rgba(23,27,36,.08),0 24px 60px rgba(23,27,36,.12);
  --glass:rgba(255,255,255,.72);

  /* Type */
  --font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;

  /* Motion */
  --ease:cubic-bezier(.22,.9,.3,1);
  --dur:.22s;
}

/* Dark theme */
[data-theme="dark"]{
  --bg:#0E1117;
  --bg-soft:#12161F;
  --surface:#161B25;
  --ink:#EDEFF4;
  --muted:#98A2B3;
  --line:rgba(237,239,244,.09);
  --brand-soft:rgba(94,116,255,.14);
  --shadow-s:0 1px 2px rgba(0,0,0,.5);
  --shadow:0 2px 4px rgba(0,0,0,.35),0 14px 36px rgba(0,0,0,.5);
  --shadow-l:0 10px 24px rgba(0,0,0,.5),0 30px 70px rgba(0,0,0,.6);
  --glass:rgba(22,27,37,.72);
  --t-green-bg:rgba(31,169,104,.14);
  --t-blue-bg:rgba(46,124,246,.14);
  --t-purple-bg:rgba(139,92,246,.16);
  --t-amber-bg:rgba(245,158,11,.14);
  --t-teal-bg:rgba(13,157,160,.15);
  --t-rose-bg:rgba(238,75,126,.15);
}