@import "tailwindcss";

@theme {
    --color-canvas-bg: #1C1C1E;
    --color-panel-bg: #2A2A2E;
    --color-panel-border: #3A3A3E;
    --color-ui-primary: #E5E5E7;
    --color-ui-secondary: #88888A;
    --color-accent-blue: #0A84FF;
    --color-accent-green: #30D158;
    --color-accent-amber: #FFD60A;
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--color-canvas-bg);
    color: var(--color-ui-primary);
    font-family: system-ui, -apple-system, sans-serif;
    user-select: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* Rich Text Editor Overrides */
.rich-text-editor ul {
  list-style-type: disc;
  padding-left: 1.5em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.rich-text-editor ol {
  list-style-type: decimal;
  padding-left: 1.5em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.rich-text-editor a {
  color: #0A84FF;
  text-decoration: underline;
  cursor: pointer;
}