/* Theme: ocean — unique professional skin */
body.theme-ocean {
    --brand-a: #0d9488;
    --brand-b: #0284c7;
    --surface: rgba(255,255,255,.88);
    --text: #134e4a;
    --muted-text: #0f766e;
    --theme-radius: 14px;
    --theme-card-radius: 16px;
    --theme-nav: linear-gradient(90deg,#0f766e,#0369a1);
    --theme-nav-text: #ecfeff;
    --theme-card-shadow: 0 20px 40px rgba(13,148,136,.16);
    font-family: "DM Sans", system-ui, sans-serif;
    background: linear-gradient(160deg,#ecfeff,#a5f3fc);
    color: var(--text);
}
body.theme-ocean .app-navbar.sticky-top,
body.theme-ocean .app-navbar { background: var(--theme-nav) !important; }
body.theme-ocean .app-navbar .nav-link,
body.theme-ocean .app-navbar .navbar-brand,
body.theme-ocean .app-navbar .navbar-brand span { color: var(--theme-nav-text) !important; }
body.theme-ocean .glass-card,
body.theme-ocean .tool-panel,
body.theme-ocean .card,
body.theme-ocean .tool-content-block,
body.theme-ocean .tool-content-card {
    background: var(--surface);
    color: var(--text);
    border-radius: var(--theme-card-radius);
    box-shadow: var(--theme-card-shadow);
    border: 0;
}
body.theme-ocean .glass-card h1,
body.theme-ocean .glass-card h2,
body.theme-ocean .glass-card h3,
body.theme-ocean .glass-card h4,
body.theme-ocean .card h1,
body.theme-ocean .card h2,
body.theme-ocean .card h3,
body.theme-ocean .card h4 { color: var(--text); }
body.theme-ocean .text-secondary { color: var(--muted-text) !important; }
body.theme-ocean .hero-badge { background: rgba(127,127,127,.12); color: var(--text); border-color: transparent; }
body.theme-ocean .btn-primary {
    background: linear-gradient(90deg, var(--brand-a), var(--brand-b));
    border: 0; color: #fff !important; border-radius: var(--theme-radius);
}
body.theme-ocean .search-wrap .form-control {
    border-radius: var(--theme-radius); box-shadow: var(--theme-card-shadow);
}
body.theme-ocean .app-footer { background: var(--theme-nav); color: var(--theme-nav-text); }
body.theme-ocean .app-footer .footer-link,
body.theme-ocean .app-footer .text-light-emphasis { color: var(--theme-nav-text) !important; opacity: .92; }
body.theme-ocean .chip, body.theme-ocean .metric-box { border-radius: var(--theme-radius); color: var(--text); }
body.theme-ocean .nav-auth-btn-login { color:#fff !important; border-color:rgba(255,255,255,.9) !important; background:transparent !important; }
body.theme-ocean .nav-auth-btn-signup { color:#0f172a !important; background:#fff !important; border-color:#fff !important; }
body.theme-ocean .ad-slot { margin: 1rem 0; text-align: center; }
body.theme-ocean .glass-card { backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.55) !important; }
body.theme-ocean .hero-section { position: relative; overflow: hidden; }
body.theme-ocean .hero-section::before { content:""; position:absolute; width:280px; height:280px; right:-60px; top:-40px; background:rgba(255,255,255,.35); border-radius:50%; }
body.theme-ocean .search-wrap .form-control { border: 0; }