/* Night Theme - Gold Palette */
:root {
    /* Core colors with dark gold palette */
    --bg-core: #1a1a1c;
    /* Softer dark gray instead of pure black */
    --bg-panel: #252528;
    /* Softer panel background */
    --bg-input: #2d2d30;
    /* Softer input background */
    --gold-dark: #B8860B;
    --gold-main: #FFD700;
    --gold-light: #FFEC8B;
    --accent: var(--gold-main);
    --accent-light: var(--gold-light);
    --accent-bright: var(--gold-dark);

    /* Gradients maintaining the gold theme */
    --grad-main: linear-gradient(135deg, var(--gold-light), var(--gold-main), var(--gold-dark));
    --grad-accent: linear-gradient(135deg, var(--gold-light), var(--gold-main));
    --grad-highlight: linear-gradient(135deg, var(--gold-main), var(--gold-dark));

    /* Text colors for night theme - slightly softer */
    --text-main: #eaeaea;
    /* Softer white */
    --text-dim: #b0b0b5;
    /* Softer dim text */
    --text-light: #dcdcdc;
    /* Softer light text */

    /* Border colors - adjusted for softer look */
    --border-light: rgba(255, 255, 255, 0.12);
    --border-medium: rgba(255, 255, 255, 0.20);
    --border-dark: rgba(255, 255, 255, 0.30);

    /* Shadow colors - softer shadows */
    --shadow-light: 0 1px 3px rgba(0, 0, 0, 0.2);
    --shadow-medium: 0 4px 6px rgba(0, 0, 0, 0.25);
    --shadow-heavy: 0 10px 15px rgba(0, 0, 0, 0.3);

    /* Special status colors - ALL GOLD PALETTE */
    --success: var(--gold-light);
    --warning: var(--gold-main);
    --error: var(--gold-dark);

    /* Code specific colors - ALL GOLD */
    --code-bg: #1f1f22;
    --code-text: #f0f0f2;
    --inline-code-bg: rgba(255, 215, 0, 0.15);
    --inline-code-text: var(--gold-main);

    /* Button hover states - adjusted */
    --hover-light: rgba(255, 255, 255, 0.15);
    --hover-medium: rgba(255, 255, 255, 0.25);
    --hover-dark: rgba(255, 255, 255, 0.35);
}

/* Theme-specific overrides for better visual boundaries */
header {
    background: rgba(26, 26, 28, 0.98);
    /* Match bg-core with transparency */
    border-bottom: 1px solid var(--border-light);
}

.logo {
    color: var(--text-main);
}

.input-wrapper {
    border: 1px solid var(--border-medium);
}

.msg.ai .bubble {
    background: var(--bg-panel);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    padding: 10px 16px;
}

.msg.user .bubble {
    border: 1px solid var(--border-light);
}