:root{
  color-scheme: dark;

  --bg: #05070c;
  --panel: rgba(10,12,18,.62);
  --panel-2: rgba(10,12,18,.55);
  --border: rgba(148,163,184,.14);
  --border-2: rgba(148,163,184,.18);

  --text: rgba(248,250,252,.95);
  --muted: rgba(226,232,240,.72);
  --muted2: rgba(226,232,240,.56);

  --white: #ffffff;

  --ok-bg: rgba(16,185,129,.14);
  --ok-bd: rgba(16,185,129,.35);
  --ok-tx: rgba(167,243,208,.95);

  --warn-bg: rgba(244,63,94,.14);
  --warn-bd: rgba(244,63,94,.35);
  --warn-tx: rgba(254,202,202,.95);

  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 28px;

  --s-3: 14px;
  --s-4: 18px;
  --s-5: 24px;
  --s-6: 32px;

  --shadow: 0 10px 30px rgba(0,0,0,.28);

  --font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial;
}