/* Warm Cream Theme — Warm cream + amber accents */

:root {
  --bg-dark: #fefdfb;
  --surface: #faf8f5;
  --card-surface: #f0ece4;
  --primary: #d97706;
  --primary-hover: #f59e0b;
  --secondary: #0d9488;
  --secondary-hover: #14b8a6;
  --text-primary: #44403c;
  --text-secondary: #78716c;
  --text-muted: #a8a29e;
  --border: #e7e5e4;
}

/* Button text stays white on colored backgrounds */
.btn-primary {
  color: #ffffff;
}

/* Navbar scrolled */
.navbar.scrolled {
  background: rgba(254, 253, 251, 0.95);
}

/* Hero grid */
.hero-grid {
  background-image:
    linear-gradient(rgba(217, 119, 6, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(217, 119, 6, 0.06) 1px, transparent 1px);
}

/* Hero gradients */
.hero::before {
  background: radial-gradient(circle, rgba(217, 119, 6, 0.08) 0%, transparent 60%);
}

.hero::after {
  background: radial-gradient(circle, rgba(13, 148, 136, 0.06) 0%, transparent 60%);
}

/* Button shadow */
.btn-primary:hover {
  box-shadow: 0 4px 20px rgba(217, 119, 6, 0.2);
}

/* Card hover shadow */
.card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

/* Browser bar */
.browser-bar {
  background: rgba(250, 248, 245, 0.9);
}

/* Feature card hover */
.feature-card:hover {
  border-color: rgba(217, 119, 6, 0.3);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
}

/* Platform card hover shadow */
.platform-card:hover {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

/* Product badge border */
.product-badge .mono {
  border-color: rgba(13, 148, 136, 0.3);
}

/* Mobile nav */
@media (max-width: 768px) {
  .nav-links {
    background: rgba(254, 253, 251, 0.98);
  }
}