/* Claude-style dark theme override */
:root {
    --color-main: #212121;
    --color-secondary: #2d2d2d;
    --color-border: #3a3a3a;
    --color-text: #ececec;
    --color-accent: #37beff;
}

body, html {
    background-color: #1a1a1a !important;
    color: #ececec !important;
}

#layout, #layout-sidebar, #layout-list, #layout-content {
    background-color: #1a1a1a !important;
}

#taskmenu, .taskmenu {
    background-color: #111111 !important;
}

#sidebar, .sidebar {
    background-color: #212121 !important;
    border-color: #3a3a3a !important;
}

.listbox, .headerbox, .searchbar {
    background-color: #212121 !important;
    border-color: #3a3a3a !important;
}

.messagelist thead, .messagelist tbody tr:hover {
    background-color: #2d2d2d !important;
}

.toolbar, .header {
    background-color: #212121 !important;
    border-color: #3a3a3a !important;
}

input, textarea, select {
    background-color: #2d2d2d !important;
    color: #ececec !important;
    border-color: #3a3a3a !important;
}

.button, button {
    background-color: #2d2d2d !important;
    color: #ececec !important;
}

.button:hover, button:hover {
    background-color: #37beff !important;
    color: #111111 !important;
}

/* Claude-style typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

body, html, input, textarea, select, button, .button,
.listbox, .toolbar, .header, td, th, div, span, p {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 14px;
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5 {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 600;
    letter-spacing: -0.02em;
}