/* ===== Theme: ocean ===== */
/* Auto-generated theme variant */

:root {
  --color-primary: #0ea5e9;
  --color-primary-dark: #0284c7;
  --color-accent: #06b6d4;
  --color-bg: #f0f9ff;
  --color-text: #1e293b;
  --color-muted: #64748b;
  --font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --radius: 8px;
  --shadow: 0 2px 12px rgba(14,165,233,0.12);
  --gradient-brand: linear-gradient(135deg, #0ea5e9, #0284c7);
  --gradient-hero: linear-gradient(135deg, #0ea5e9dd, #0284c7ee);
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-family);
}

/* 覆盖 base.css 中的品牌色 */
.brand { color: var(--color-primary); }
.brand-icon {
  background: var(--gradient-brand);
  color: #fff;
}
.site-header {
  background: var(--gradient-brand);
  box-shadow: var(--shadow);
}
.hero {
  background: var(--gradient-hero);
}
.hero-content h1 { color: #fff; }
.hero-actions .primary-button,
.hero-actions .primary-btn,
a.primary-btn,
.primary-btn {
  background: var(--gradient-brand);
  box-shadow: var(--shadow);
  border-radius: var(--radius);
}
.hero-actions .ghost-button,
.ghost-button {
  border-color: #fff;
  color: #fff;
  border-radius: var(--radius);
}
.movie-card {
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  background: #fff;
}
.movie-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.category-tile {
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--shadow);
}
.chip {
  background: #0ea5e91a;
  color: var(--color-primary);
  border-radius: 20px;
}
footer {
  background: var(--gradient-brand);
  color: #fff;
}
a { color: var(--color-primary); }
a:hover { color: var(--color-primary-dark); }
.nav-link.active, .nav-link.is-active { color: var(--color-accent); }
.movie-card-body h2 a { color: var(--color-text); }
.eyebrow { color: var(--color-muted); }