@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900&display=swap");

:root {
  --lab-bg: #f6f0e7;
  --lab-card: #fffaf2;
  --lab-card-2: #f0e3d0;
  --lab-line: #e0d1bd;
  --lab-muted: #8b7b67;
  --lab-text: #2b2117;
  --lab-soft: #5d4c3d;
  --lab-cream: #fffdf8;
  --lab-beige: #d8b98c;
  --lab-beige-2: #c79d64;
  --lab-brown: #7b5732;
}

html {
  background: var(--lab-bg);
}

body {
  background:
    radial-gradient(circle at top left, rgba(216, 185, 140, 0.22), transparent 28rem),
    radial-gradient(circle at bottom right, rgba(199, 157, 100, 0.16), transparent 30rem),
    var(--lab-bg) !important;
  color: var(--lab-text) !important;
}

body, button, input, select, textarea {
  font-family: "DM Sans", Inter, Geist, system-ui, -apple-system, Segoe UI, sans-serif;
}

.navbar,
.nav-container,
.dropdown-menu,
.mega-menu,
.topbar,
.panel,
.card,
.pricing-card,
.integration-card,
.service-card,
.feature-card,
.product-card,
.invoice-card,
.table-card {
  border-color: var(--lab-line) !important;
}

.dropdown-menu,
.mega-menu,
.panel,
.card,
.pricing-card,
.integration-card,
.service-card,
.feature-card,
.product-card,
.invoice-card,
.table-card {
  background-color: rgba(255, 250, 242, 0.88) !important;
}

.btn-secondary,
.btn,
button,
.primary-btn {
  border-color: var(--lab-line);
}

.tile:hover,
.stat:hover,
.labbet-product-card:hover {
  background: #fffaf2 !important;
  color: var(--lab-text) !important;
}

.background-fixed {
  background:
    radial-gradient(circle at top left, rgba(216, 185, 140, 0.26), transparent 30rem),
    radial-gradient(circle at bottom right, rgba(199, 157, 100, 0.18), transparent 32rem),
    var(--lab-bg) !important;
}

.shape,
.circle-outline {
  display: none !important;
}

.hero-content h1,
.hero h1,
.pricing-title,
.section-title,
.custom-title,
.comparison h2 {
  color: var(--lab-text) !important;
}

.hero-sub,
.pricing-description,
.price-note,
.section-sub,
.custom-sub,
.feature-item,
.table-cell,
.table-header-cell {
  color: var(--lab-soft) !important;
}

.pricing-card,
.custom-card,
.comparison-table,
.table-row,
.table-header,
.form-group input,
.form-group textarea {
  background: rgba(255, 250, 242, 0.92) !important;
  border-color: var(--lab-line) !important;
  color: var(--lab-text) !important;
}

.pricing-card.featured {
  background: #f0e3d0 !important;
  border-color: #d2b78f !important;
}

.buy-btn,
.submit-btn,
.pay-btn {
  background: var(--lab-text) !important;
  color: var(--lab-cream) !important;
  border-color: var(--lab-text) !important;
}