/* Ocean Theme — глубокий синий */
:root {
  --primaryColor: #0ea5e9;
  --secondaryColor: #06b6d4;
  --fontFamily: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --bg: #0c1222;
  --bg-alt: #131d35;
  --bg-hover: #1a2744;
  --text: #f0f9ff;
  --text-body: #bae6fd;
  --text-muted: #7dd3fc;
  --color-on-primary: #ffffff;
  --border: #1e3a5f;
  --border-light: #152a45;
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.4);
  --shadow-xl: 0 12px 32px rgba(0,0,0,0.5);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --rating-color: #fbbf24;
  --overlay-bg: rgba(0,0,0,0.8);
  --footer-bg: #080e1a;
  --footer-text: #bae6fd;
  --footer-muted: #7dd3fc;
  --footer-border: rgba(14,165,233,0.15);
}

.block-hero {
  background: linear-gradient(135deg, #0c1222 0%, #0c4a6e 100%);
}

.pricing-card-highlighted,
.pricing-card.featured {
  border: 2px solid var(--primaryColor);
  box-shadow: 0 12px 40px rgba(14,165,233,0.3);
}

.gallery-overlay {
  background: linear-gradient(to top, rgba(12,18,34,0.95) 0%, rgba(12,18,34,0.5) 50%, transparent 100%);
}