@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --red:    #E8001D;
  --rdk:    #B5001A;
  --red-lt: rgba(232,0,29,.07);
  --red-bd: rgba(232,0,29,.20);

  --bg:     #FFFFFF;
  --bg2:    #F7F8FA;
  --bg3:    #EDEEF1;
  --brd:    #D8DBE2;
  --brd2:   #BFC4CE;

  --tx:     #111111;
  --tx2:    #374151;
  --mu:     #6B7280;

  --gr:     #15803D;
  --gr-lt:  rgba(21,128,61,.08);
  --gr-bd:  rgba(21,128,61,.25);

  --or:     #B45309;
  --or-lt:  rgba(180,83,9,.08);
  --or-bd:  rgba(180,83,9,.25);

  --bl:     #1D4ED8;
  --bl-lt:  rgba(29,78,216,.07);
  --bl-bd:  rgba(29,78,216,.22);

  --dg:    #0C8B5E;
  --dg-lt: rgba(12,139,94,.07);
  --dg-bd: rgba(12,139,94,.22);

  --sh1: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);
  --sh2: 0 4px 12px rgba(0,0,0,.09), 0 1px 3px rgba(0,0,0,.05);
  --sh3: 0 20px 50px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08);

  --r:  10px;
  --rs: 7px;
  --rx: 4px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }