/* ===== OCEAN DEPTHS THEME ===== */
/* Calm, professional, maritime inspired - trust and reliability */

[data-theme="ocean-depths"] {
    /* ===== BACKGROUNDS ===== */
    --bg-primary: #0a1628;
    --bg-secondary: #122a45;
    --bg-card: #153450;
    --bg-header: #0d1e33;

    /* ===== TEXT ===== */
    --text-primary: #e8f4f8;
    --text-secondary: #a8d4e6;
    --text-muted: #5a8fa8;

    /* ===== BORDERS & SHADOWS ===== */
    --border-color: #1e4a6d;
    --shadow-color: rgba(0, 20, 40, 0.5);

    /* ===== ACCENTS ===== */
    --accent-primary: #00bcd4;
    --accent-secondary: #26c6da;
    --accent-tertiary: #4dd0e1;
}

/* ===== OCEAN DEPTHS SPECIFIC STYLES ===== */

[data-theme="ocean-depths"] .game-card {
    border: 1px solid rgba(0, 188, 212, 0.2);
    box-shadow: 0 4px 20px rgba(0, 20, 40, 0.4);
    background: linear-gradient(180deg, var(--bg-card) 0%, #0d2840 100%);
}

[data-theme="ocean-depths"] .game-card:hover {
    transform: translateY(-6px);
    border-color: var(--accent-primary);
    box-shadow: 0 0 20px rgba(0, 188, 212, 0.3), 0 12px 30px rgba(0, 20, 40, 0.5);
}

[data-theme="ocean-depths"] .search-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 12px rgba(0, 188, 212, 0.3);
}

[data-theme="ocean-depths"] .badge-slot {
    background: linear-gradient(135deg, #00acc1 0%, #0097a7 100%);
    color: #ffffff;
}

[data-theme="ocean-depths"] header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,
            transparent 0%,
            var(--accent-primary) 50%,
            transparent 100%);
}