@import "tailwindcss";

:root {
  color-scheme: dark;
  --background: #111315;
  --foreground: #e8e8e3;
  --panel: #171a1d;
  --panel-2: #1e2226;
  --muted: #969b9f;
  --border: #2d3339;
  --accent: #7dc8cf;
  --accent-2: #d8b66c;
  --danger: #e56f72;
  --radius: 0.625rem;
  --sidebar: #15181b;
  --sidebar-foreground: #e8e8e3;
  --sidebar-accent: #22272c;
  --sidebar-accent-foreground: #f2f4f4;
  --sidebar-border: #2d3339;
  --sidebar-ring: #7dc8cf;
  --popover: #15181b;
  --popover-foreground: #e8e8e3;
  --primary: #7dc8cf;
  --primary-foreground: #101315;
  --muted-foreground: #969b9f;
  --ui-glass-blur: 26px;
  --ui-glass-saturation: 1.4;
  --ui-glass-surface: rgb(22 22 25 / 82%);
  --ui-glass-popover: rgb(24 24 27 / 86%);
  --ui-glass-control: rgb(13 13 16 / 64%);
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  letter-spacing: 0;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

::selection {
  background: rgb(125 200 207 / 0.24);
}

.scrollbar-thin {
  scrollbar-width: thin;
  scrollbar-color: #3a424a transparent;
}

.cad-glass-surface,
.cad-glass-popover,
.cad-glass-control {
  -webkit-backdrop-filter: blur(var(--ui-glass-blur)) saturate(var(--ui-glass-saturation));
  backdrop-filter: blur(var(--ui-glass-blur)) saturate(var(--ui-glass-saturation));
}

.cad-glass-surface {
  background-color: var(--ui-glass-surface) !important;
}

.cad-glass-popover {
  background-color: var(--ui-glass-popover) !important;
}

.cad-glass-control {
  background-color: var(--ui-glass-control) !important;
}