:root {
  --bg:          #edf2f7;
  --bg2:         #f7f9fc;
  --bg3:         #e1eaf4;
  --card:        #ffffff;
  --border:      #c6d2df;
  --border2:     #9fb2c6;
  --accent:      #2f6fed;
  --accent-dim:  rgba(47,111,237,0.12);
  --accent-glow: rgba(47,111,237,0.22);
  --text:        #132033;
  --text2:       #4d6077;
  --text3:       #74869a;
  --green:       #2f8f68;
  --green-dim:   rgba(47,143,104,0.12);
  --red:         #c16078;
  --red-dim:     rgba(193,96,120,0.12);
  --yellow:      #b9852e;
  --nav-w:       220px;
  --header-h:    56px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; overflow: hidden; background: var(--bg); color: var(--text); font-family: 'Syne', sans-serif; }
* { scrollbar-width: thin; scrollbar-color: var(--border2) transparent; }