:root {
    --primary-color: #4a9fff;
    --secondary-color: #9e6cff;
    --accent-color: #ff4d9e;
    --light-color: #25292e;
    --dark-color: #f8f9fa;
    --success-color: #4acc33;
    --warning-color: #ffd54f;
    --error-color: #ff4d9e;
    --border-radius: 8px;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

body {
    background-color: #1a1d21;
    color: var(--dark-color);
}

.input-section, .story-section {
    background-color: #25292e;
    box-shadow: var(--box-shadow);
}

input, textarea, select {
    background-color: #2c3038;
    border-color: #3a3f48;
    color: #e0e0e0;
}

.option-row .option select {
    background-color: #2c3038;
    color: #e0e0e0;
}

.story-text {
    color: #e0e0e0;
}

.story-meta {
    color: #a0a0a0;
    border-bottom-color: #3a3f48;
}

.story-controls button {
    background-color: #3a3f48;
}

.story-controls button:hover {
    background-color: #4a505e;
}

.tag {
    background-color: #3a3f48;
}

.suggestions {
    background-color: #2c3038;
    border-color: #3a3f48;
}

.suggestion-item:hover {
    background-color: #3a3f48;
}

.character-casting-container {
    background-color: #2c3038;
    border-color: #3a3f48;
}

.casting-info {
    color: #a0a0a0;
}

.casting-item {
    background-color: #3a3f48;
}

.saved-stories {
    background-color: #25292e;
}

.story-item {
    border-color: #3a3f48;
}

.story-item:hover {
    box-shadow: var(--box-shadow);
}

.story-item-meta {
    color: #a0a0a0;
}

.story-item-actions button {
    background-color: #3a3f48;
}

.story-item-actions button:hover {
    background-color: #4a505e;
}

.toast {
    background-color: var(--success-color);
}

.dark-mode-toggle {
    background-color: #3a3f48;
    color: #e0e0e0;
    border-color: var(--primary-color);
}

.dark-mode-toggle:hover {
    background-color: #4a505e;
}

.dark-mode-toggle .sun-icon {
    display: none;
}

.dark-mode-toggle .moon-icon {
    display: block;
}

.image-preview {
    border-color: #3a3f48;
    background-color: #2c3038;
}

.upload-prompt {
    color: #a0a0a0;
}

.upload-prompt svg {
    color: #808080;
}