/**
 * Ocean Blue Theme Styles
 * Calming blue tones for a relaxed atmosphere
 */

[data-theme="ocean"] {
    /* Ocean blue theme with calming tones */
    --primary-bg: #f0f8ff;
    --secondary-bg: #e6f3ff;
    --tertiary-bg: #d9edff;
    --text-primary: #1e3a5f;
    --text-secondary: #2c5282;
    --text-muted: #4a6fa5;
    --accent-color: #3182ce;
    --accent-hover: #2c5282;
    --success-color: #38a169;
    --warning-color: #d69e2e;
    --danger-color: #e53e3e;
    --info-color: #3182ce;
    --border-color: #bee3f8;
    --shadow-color: rgba(49, 130, 206, 0.2);

    /* Glass morphism variables for ocean theme */
    --glass-bg: rgba(240, 248, 255, 0.9);
    --glass-border: rgba(49, 130, 206, 0.2);
    --text-white: #ffffff;
    --text-light: #2c5282;
    --text-glow: 0 0 10px rgba(49, 130, 206, 0.3);

    /* Ocean-themed neon colors */
    --neon-pink: #ff6b9d;
    --neon-purple: #8b5cf6;
    --neon-blue: #0ea5e9;
    --neon-green: #10b981;
    --neon-yellow: #f59e0b;
    --neon-orange: #f97316;
    --neon-red: #ef4444;
}

/* Ocean theme specific styles */
[data-theme="ocean"] body {
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 50%, #d9edff 100%) !important;
    color: var(--text-primary);
}

[data-theme="ocean"] .card {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 20px rgba(49, 130, 206, 0.15);
}

[data-theme="ocean"] .btn-primary {
    background: linear-gradient(135deg, #4299e1, #3182ce);
    border-color: var(--accent-color);
    color: white;
}

[data-theme="ocean"] .btn-primary:hover {
    background: linear-gradient(135deg, #3182ce, #2c5282);
    border-color: var(--accent-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(49, 130, 206, 0.3);
}

[data-theme="ocean"] .navbar {
    background: var(--primary-bg) !important;
    border-bottom: 2px solid var(--accent-color);
    box-shadow: 0 2px 10px rgba(49, 130, 206, 0.2);
}

[data-theme="ocean"] .form-control {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

[data-theme="ocean"] .form-control:focus {
    background: var(--primary-bg);
    border-color: var(--accent-color);
    box-shadow: 0 0 10px rgba(49, 130, 206, 0.3);
}

[data-theme="ocean"] .form-select {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

/* Chart container styling */
[data-theme="ocean"] .chart-container {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

/* Progress bars */
[data-theme="ocean"] .progress {
    background: var(--tertiary-bg);
}

[data-theme="ocean"] .progress-bar {
    background: linear-gradient(90deg, #4299e1, #3182ce);
}

/* Tables */
[data-theme="ocean"] .table {
    color: var(--text-primary);
}

[data-theme="ocean"] .table-striped tbody tr:nth-of-type(odd) {
    background: var(--secondary-bg);
}

/* Alerts */
[data-theme="ocean"] .alert-success {
    background: rgba(56, 161, 105, 0.1);
    border-color: var(--success-color);
    color: var(--success-color);
}

[data-theme="ocean"] .alert-warning {
    background: rgba(214, 158, 46, 0.1);
    border-color: var(--warning-color);
    color: var(--warning-color);
}

[data-theme="ocean"] .alert-danger {
    background: rgba(229, 62, 62, 0.1);
    border-color: var(--danger-color);
    color: var(--danger-color);
}

[data-theme="ocean"] .alert-info {
    background: rgba(49, 130, 206, 0.1);
    border-color: var(--info-color);
    color: var(--info-color);
}

/* Modal styling */
[data-theme="ocean"] .modal-content {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
}

/* Dropdown menus */
[data-theme="ocean"] .dropdown-menu {
    background: var(--primary-bg);
    border: 1px solid var(--border-color);
}

[data-theme="ocean"] .dropdown-item {
    color: var(--text-primary);
}

[data-theme="ocean"] .dropdown-item:hover {
    background: var(--secondary-bg);
    color: var(--text-primary);
}

/* Scrollbars */
[data-theme="ocean"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="ocean"] ::-webkit-scrollbar-track {
    background: var(--secondary-bg);
}

[data-theme="ocean"] ::-webkit-scrollbar-thumb {
    background: var(--accent-color);
    border-radius: 4px;
}

[data-theme="ocean"] ::-webkit-scrollbar-thumb:hover {
    background: var(--accent-hover);
}