/* Warm orange palette, scoped to the customer-facing theme. */
:root { --brand-orange: #ff5700; --brand-orange-hover: #e94b0a; }
html { min-height: 100%; background: #fff8f3; }
html body {
  background-color: #fff8f3 !important;
  background-image:
    radial-gradient(ellipse at 0% 28%, rgba(255, 137, 65, .40), transparent 56%),
    radial-gradient(ellipse at 100% 12%, rgba(255, 181, 135, .36), transparent 58%),
    linear-gradient(180deg, #ffeadc 0%, #fff3eb 58%, #ffffff 100%) !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}
.security-tip {
  background: linear-gradient(135deg, #fff7f0 0%, #ffe6d5 100%) !important;
  border-color: #ffd5b9 !important;
}
.content-box { box-shadow: 0 20px 40px rgba(117, 55, 19, .09); }
.input-box input.form-control:focus { border-color: #ff5700; }