:root {
  --color-primary-50: #fff7ed;
  --color-primary-100: #ffedd5;
  --color-primary-200: #fed7aa;
  --color-primary-300: #fdba74;
  --color-primary-400: #fb923c;
  --color-primary-500: #ff4d00;
  --color-primary-600: #f43f00;
  --color-primary-700: #1d4ed8;
  --color-primary-800: #143cae;
  --color-primary-900: #0f2f8f;
  --color-accent-400: #fde047;
  --color-accent-500: #facc15;
  --color-accent-600: #f59e0b;
}

body {
  background: linear-gradient(180deg, #fff7ed 0, #fff 28%, #eff6ff 100%);
}

.header {
  background: #fffffff0;
  border-bottom: 1px solid #ffb70355;
  box-shadow: 0 14px 36px #ff4d0014;
}

.nav-link:hover,
.nav-link--active {
  background: linear-gradient(135deg, #fff7ed, #dbeafe);
  color: #f43f00;
}

.header-cta,
.btn--primary,
.plan-button--featured,
.subpage-cta--featured,
.annual-cta,
.monthly-cta {
  background: linear-gradient(135deg, #ff4d00, #2563eb) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px #ff4d0030, 0 10px 24px #2563eb26;
}

.header-cta:hover,
.btn--primary:hover,
.plan-button--featured:hover,
.subpage-cta--featured:hover,
.annual-cta:hover,
.monthly-cta:hover {
  background: linear-gradient(135deg, #facc15, #ff4d00, #2563eb) !important;
  color: #fff !important;
}

.btn--accent {
  background: linear-gradient(135deg, #facc15, #fb923c);
  color: #141b24;
  box-shadow: 0 14px 28px #f59e0b33;
}

.btn--outline {
  background: #fff8;
  border-color: #ff4d00;
  color: #f43f00;
}

.btn--outline:hover {
  background: #ff4d00;
  color: #fff;
}

.hero,
.subpage-hero,
.product-hero,
.legal-hero,
.blog-hero,
.blog-article-hero {
  background:
    radial-gradient(circle at 12% 18%, #facc1555 0 12%, #0000 30%),
    radial-gradient(circle at 92% 8%, #2563eb33 0 14%, #0000 34%),
    linear-gradient(135deg, #fff7ed 0%, #fff 42%, #dbeafe 100%);
}

.text-gradient,
.plan-price,
.price-hero {
  background: linear-gradient(90deg, #ff4d00, #2563eb);
  color: #0000 !important;
  -webkit-background-clip: text;
  background-clip: text;
}

.hero-kicker,
.section-eyebrow,
.testimonial-badge,
.blog-tag-filter-item--active,
.blog-tag-filter-item:hover {
  background: #fff3c4;
  border: 1px solid #facc154d;
  color: #a33b00;
  font-weight: 800;
}

.hero-image-frame {
  background: linear-gradient(135deg, #ff4d0060, #facc154f, #2563eb55);
  box-shadow: 0 34px 90px #ff4d0024;
}

.plan-card {
  border-color: #f59e0b42;
  box-shadow: 0 22px 48px #f59e0b1c;
}

.plan-card--featured {
  border-color: #ff4d00;
  box-shadow: 0 28px 72px #ff4d002b, 0 20px 52px #2563eb22;
}

.plan-card--featured .plan-ribbon,
.plan-badge,
.product-kicker,
.annual-product-ribbon {
  background: linear-gradient(135deg, #facc15, #ff4d00) !important;
  color: #261400 !important;
}

.plan-saving,
.price-badge,
.annual-saving-badge {
  background: #dcfce7;
  border: 1px solid #86efac;
  color: #047857;
}

.section--soft,
.monthly-faq,
.annual-faq,
.plans-features,
.home-blog-section {
  background: linear-gradient(135deg, #fff7ed 0%, #eff6ff 100%);
}

.timeline-card,
.info-card,
.step-card,
.faq-item,
.blog-card,
.blog-spotlight-primary,
.plans-feature-item,
.featured-testimonial,
.testimonial-card {
  border-color: #ffb70333;
  box-shadow: 0 18px 38px #ff4d0010;
}

.feature-icon,
.timeline-icon,
.info-card-icon,
.plans-feature-icon,
.download-icon,
.compatibility-icon {
  background: linear-gradient(135deg, #fff3c4, #dbeafe);
  color: #1d4ed8;
}

.final-cta,
.annual-annual-cta,
.monthly-annual-cta {
  background: linear-gradient(135deg, #0f2f8f 0%, #1d4ed8 46%, #ff4d00 120%) !important;
}

.footer {
  background: linear-gradient(135deg, #0b1119, #10255f 62%, #431407);
  color: #dbeafe;
}

.footer h3 {
  color: #fff3c4;
}

.footer a:hover {
  color: #facc15;
}