/* ============================================================================
   Ocean Theme
   ============================================================================ */

.theme-ocean {
    --bg-color: #0a2540;
    --containerbackground: #0f3460;
    --bg-footer-color: #4682b4;
    --text-color: #e0f7fa;
    --text-color-inv: #1e3a8a;
    --text-color-dark: #ffffff;
    --accent-color: #00bfff;
    --border-color: #4682b4;
    /* Aliases for shared components (e.g. notifications.css) */
    --border: var(--border-color);
    --fg: var(--text-color);
    --muted-fg: var(--placeholder-color);
    --header-bg: #0b2538;
    --header2-bg: #4682b4;
    --placeholder-color: #a0c4ff;
    --ready-color: #a0c4ff;
    --action_btn_bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --bg-image: none;
    --bg-overlay: linear-gradient(180deg, rgba(177, 175, 175, 0.1), rgba(158, 158, 158, 0.1));
    --bg-size: cover;
    --bg-pos: center;
    --bg-repeat: no-repeat;
    --bg-forminput: #1e4a6a;
    --bg-secondary: #1a3a5a;
    --bg-tertiary: #2d4a6f;
    --bg-hover: #3a5a7f;

    /* Message bubbles */
    --bubble-user: #1e3a5f;
    --bubble-assistant: #2d4a6f;
    --bubble-user-text: #e0f7fa;
    --bubble-assistant-text: #e0f7fa;
    --bubble-system: #1a3a5a;
    --bubble-system-text: #b3e5fc;
    
    /* Text colors */
    --text-primary: #e0f7fa;
    --text-secondary: #b3e5fc;
    --text-tertiary: #80deea;
    
    /* Warning and danger states (adjusted for dark blue backgrounds) */
    --warning-bg: rgba(255, 193, 7, 0.15);
    --warning-text: #ffd54f;
    --warning-border: rgba(255, 193, 7, 0.4);
    --danger-bg: rgba(220, 53, 69, 0.15);
    --danger-text: #ff8a80;
    --danger-border: rgba(220, 53, 69, 0.4);
    
    /* Code blocks */
    --code-bg: rgba(255, 255, 255, 0.1);
    
    /* Button text */
    --button-text: #ffffff;

    /* Shadows (elevated opacity for dark backgrounds) */
    --shadow-depth: 0 6px 20px rgba(0, 0, 0, 0.45);
}