/**
 * themes/ocean-blue.css — Ocean Blue Theme
 * Deep navy with electric blue accents. Tech-forward.
 */
:root {
  --primary:       #3B82F6;
  --primary-light: #BFDBFE;
  --primary-dark:  #1D4ED8;
  --bg:            #0F172A;
  --bg-card:       #1E293B;
  --text:          #F1F5F9;
  --text-muted:    #94A3B8;
  --accent:        #3B82F6;
  /* rgb triplets for rgba() use in store-base.css (was falling back to gold) */
  --primary-rgb:   59,130,246;
  --bg-rgb:        15,23,42;
}

/* Header: navy glass */
[data-theme="ocean-blue"] .header {
  background: rgba(15,23,42,.95);
  border-bottom-color: rgba(59,130,246,.2);
}

/* Hero: deep ocean gradient */
[data-theme="ocean-blue"] .hero-bg {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);
}
[data-theme="ocean-blue"] .hero-bg::before {
  background: radial-gradient(circle, rgba(59,130,246,.08) 0%, transparent 70%);
}

/* Product card blue glow */
[data-theme="ocean-blue"] .product-card {
  border-color: rgba(59,130,246,.1);
}
[data-theme="ocean-blue"] .product-card:hover {
  box-shadow: 0 12px 40px rgba(59,130,246,.2);
  border-color: rgba(59,130,246,.35);
}

/* Logo blue ring */
[data-theme="ocean-blue"] .logo {
  border-color: rgba(59,130,246,.4);
  box-shadow: 0 0 12px rgba(59,130,246,.2);
}

/* Promo banner: blue gradient */
[data-theme="ocean-blue"] .promo-banner {
  background: linear-gradient(90deg, #1D4ED8, #3B82F6, #1D4ED8);
  color: #FFFFFF;
}

/* Buttons */
[data-theme="ocean-blue"] .add-to-cart-btn {
  background: linear-gradient(135deg, #1D4ED8, #3B82F6);
}
[data-theme="ocean-blue"] .co-btn-order {
  background: linear-gradient(135deg, #1D4ED8, #3B82F6);
}

/* Cart FAB */
[data-theme="ocean-blue"] .cart-icon {
  background: linear-gradient(135deg, #1D4ED8, #3B82F6);
  box-shadow: 0 4px 20px rgba(59,130,246,.4);
}
[data-theme="ocean-blue"] .cart-icon:hover {
  box-shadow: 0 6px 30px rgba(59,130,246,.5);
}

/* Checkout form */
[data-theme="ocean-blue"] .co-field input:focus,
[data-theme="ocean-blue"] .co-field textarea:focus {
  border-color: #3B82F6;
  box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}

/* Footer */
[data-theme="ocean-blue"] .footer { border-top-color: rgba(59,130,246,.25); }
/* Social icons — no overrides needed (frameless) */

/* Scrollbar blue */
[data-theme="ocean-blue"] ::-webkit-scrollbar-thumb { background: rgba(59,130,246,.3); }

/* Countdown blue box */
[data-theme="ocean-blue"] .countdown { background: rgba(59,130,246,.08); border-color: rgba(59,130,246,.3); }
[data-theme="ocean-blue"] .countdown-block { background: #1E293B; border-color: rgba(59,130,246,.35); }