:root{
  --bg:#e3e3e1;
  --card:#efefed;
  --ink:#1e2321;
  --mute:#666c69;
  --line:#c3c5c2;
  --acc:#3a17e0;
  --red:#ff4b3a;
  --yel:#ffd60a;
  --okfb:#0b7a45;
  --term:#0d1216;
  --termt:#c9f2d5;
  --dock:#1e2321;
  --dockink:#f4f4f2;
  --on-acc:#fff;
  --on-yel:#111;
  --on-ok:#06210f;
  --term-dim:#7f8a94;
  --term-line:#3a4550;
  --mock-bg:#fff;
  --mock-ink:#222;
  --mock-line:#e8ebee;
  --mock-mute:#556;
  --mock-cream:#f7efe3;
  --mock-brown:#5b3a29;
  --mock-soft:#f1f1f1;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0b0b0c;
    --card:#17171a;
    --ink:#f4f4f2;
    --mute:#9a9a9f;
    --line:#2b2b30;
    --okfb:#5fd394;
    --term:#1b1b20;
    --dock:#1a1a1f;
    --dockink:#f4f4f2;
  }
}
:root[data-theme="dark"]{
  --bg:#0b0b0c;
  --card:#17171a;
  --ink:#f4f4f2;
  --mute:#9a9a9f;
  --line:#2b2b30;
  --okfb:#5fd394;
  --term:#1b1b20;
  --dock:#1a1a1f;
  --dockink:#f4f4f2;
}