@import url("/assets/cafe_car/themes/defaults-d33b6dc8.css");

:root {
  --blue: rgb(0, 120, 212);
  --red: rgb(220, 47, 47);
  --orange: rgb(206, 133, 44);
  --green: rgb(38, 158, 106);

  --color: rgb(34 32 29);
  --dim: #6c7a91;

  --accent: var(--blue);
  --border: rgb(228 225 222);
  --background: #f6f5f3;
  --backdrop: rgb(58 50 37 / .5);
  --input: #fff;
  --card: white;
  --hover: rgb(63 52 31 / .05);
  --shadow: rgb(34 32 29 / .1);
}

body {
  scrollbar-color: rgb(209, 206, 203) rgb(246, 245, 243);
}

@media (prefers-color-scheme: dark) {
  :root {
    --blue: rgb(35, 175, 208);

    --input: #1e1e1d;
    --background: #191918;
    --button: #333;

    --color: #e7e3dc;
    --dim: #6c7a91;

    --card: #222221;
    --border: #2A2A28;
    --hover: rgb(42, 42, 40);
    --shadow: rgba(0, 0, 0, 0.2);
  }

  body {
    scrollbar-color: rgb(73, 72, 70) rgb(25, 25, 24);
  }

  .Card, .Table {
    border: 0;
  }

  .Table_Head {
    background-color: var(--card);
  }
}