/* Xpert-Timer Cloud – Gelb/Gold Design-Override */
:root {
  --xt-cloud:       #ffd652;
  --xt-cloud-hover: #e6b800;
  --xt-cloud-dark:  #b38a00;
  --xt-cloud-light: #fff8dc;
  --xt-cloud-text:  #222;
}

/* Buttons */
.btn-primary-cloud {
  background: var(--xt-cloud);
  color: var(--xt-cloud-text);
  font-weight: 700;
}
.btn-primary-cloud:hover {
  background: var(--xt-cloud-hover);
  color: var(--xt-cloud-text);
}
.btn-secondary-cloud {
  background: var(--xt-white);
  color: var(--xt-cloud-dark);
  border: 2px solid var(--xt-cloud);
}
.btn-secondary-cloud:hover {
  background: var(--xt-cloud);
  color: var(--xt-cloud-text);
}

/* Card accents */
.card-highlight-cloud {
  border-top: 5px solid var(--xt-cloud);
}
.check-list.cloud li::before {
  color: var(--xt-cloud-dark);
}

/* Hero */
.hero-cloud {
  background: linear-gradient(135deg, #fffdf0 0%, #fff8d6 100%);
}
.hero-visual-cloud {
      margin: 0 0 32px 0;
      overflow: hidden;
      border-radius: 0px;
      box-shadow:  0 18px 40px rgba(250, 235, 152, 0.35);
    }

/* Hero card */
.hero-card-cloud {
  position: relative;
  z-index: 1;
  background: var(--xt-white);
  border-radius: 18px;
  padding: 32px;
  box-shadow: 0 10px 32px rgba(255, 214, 82, 0.3), 0 2px 8px rgba(255, 214, 82, 0.15);
  border: 1px solid var(--xt-border);
}
.hero-card-cloud ul {
  padding-left: 20px;
  margin-bottom: 28px;
}
.hero-card-cloud li {
  margin-bottom: 10px;
}

/* Hero deco — cloud yellow tint */
.hero-cloud .hero-card-deco {
  background-color: rgba(255, 214, 82, 0.18);
}

/* Metric strong color */
.hero-cloud .metric strong {
  color: var(--xt-cloud-dark);
}