@import url('variables.css');
@import url('light.css');
@import url('dark.css');
@import url('typography.css');
@import url('spacing.css');
@import url('utilities.css');
@import url('buttons.css');
@import url('cards.css');
@import url('forms.css');
@import url('tables.css');
@import url('navbar.css');
@import url('sidebar.css');
@import url('modals.css');
@import url('animations.css');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: var(--bg);
  color: var(--text);
}

a {
  color: inherit;
  text-decoration: none;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }

::selection {
  background: var(--primary-light);
  color: var(--primary);
}

/* Rich text editor */
.rich-toolbar {
  display: flex; flex-wrap: wrap; gap: 2px; padding: 6px 8px;
  border: 1px solid var(--border); border-radius: var(--radius) var(--radius) 0 0;
  background: var(--surface);
}
.rich-toolbar button {
  width: 30px; height: 30px; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border: none; border-radius: 4px; background: none;
  color: var(--text-secondary); cursor: pointer; font-size: 14px;
}
.rich-toolbar button:hover { background: var(--hover); color: var(--text); }
.rich-toolbar button.active { background: var(--primary-light); color: var(--primary); }
.rich-toolbar .sep { width: 1px; background: var(--border); margin: 4px 5px; }
.rich-editor {
  min-height: 80px; font-size: 14px; line-height: 1.6; padding: 10px 12px;
  border: 1px solid var(--border); border-top: 0; border-radius: 0 0 var(--radius) var(--radius);
  background: var(--bg); color: var(--text); outline: none;
}
.rich-editor:focus { border-color: var(--primary); }
[data-theme="dark"] .rich-toolbar { background: var(--surface); }

.preview-container {
  background: white;
  color: #0f172a;
}