/* R3 warm builder theme — 2026-06-12.
   Loaded after the wizard's inline dark styles; converts the /start/ funnel
   to the warm brand used on r3revenue.com. Pure presentation, no behavior. */

body{
  background:
    radial-gradient(circle at 84% 16%, rgba(201,149,66,.13), transparent 26rem),
    radial-gradient(circle at 14% 12%, rgba(201,130,122,.10), transparent 24rem),
    #fff8f1 !important;
  color:#2f2722 !important;
}
.glass{background:rgba(255,248,241,.90) !important;border:1px solid rgba(105,80,62,.18) !important;}
nav.glass{border-bottom:1px solid rgba(105,80,62,.18) !important;}
.glass-card{background:#fffdf9 !important;border:1px solid rgba(105,80,62,.18) !important;box-shadow:0 18px 46px rgba(88,65,50,.10);}

.input-field{background:#fffefb !important;border:1px solid rgba(105,80,62,.25) !important;color:#2f2722 !important;}
.input-field::placeholder{color:rgba(117,104,95,.65) !important;}
.input-field:focus{border-color:rgba(185,120,88,.85) !important;box-shadow:0 0 0 3px rgba(185,120,88,.15) !important;}
select.input-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='rgba(117,104,95,0.8)'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right .75rem center !important;}
select.input-field option{background:#fffdf9 !important;color:#2f2722 !important;}
.input-field.error{border-color:#b3463a !important;}
.error-msg{color:#b3463a !important;}

.btn-primary{background:#2f2722 !important;color:#fffdf9 !important;box-shadow:0 14px 34px rgba(72,54,42,.16);}
.btn-primary:hover{background:#463a31 !important;box-shadow:0 8px 25px rgba(72,54,42,.25) !important;}
.btn-secondary{background:rgba(255,253,249,.85) !important;color:#2f2722 !important;border:1px solid rgba(105,80,62,.22) !important;}
.btn-secondary:hover{background:#fffdf9 !important;border-color:#b97858 !important;color:#b97858 !important;}

.domain-option,.tool-card,.checkbox-item,.addon-item{background:#fffdf9 !important;border-color:rgba(105,80,62,.18) !important;}
.domain-option:hover,.tool-card:hover,.checkbox-item:hover,.addon-item:hover{background:#f8efe8 !important;border-color:rgba(185,120,88,.45) !important;}
.domain-option:has(.domain-radio:checked){border-color:rgba(185,120,88,.65) !important;background:rgba(185,120,88,.08) !important;}
.tool-card:has(.tool-check:checked){border-color:rgba(185,120,88,.60) !important;background:rgba(185,120,88,.07) !important;}
.domain-radio,.tool-check,.checkbox-item input[type="checkbox"]{accent-color:#b97858 !important;}
.tool-tags span{background:rgba(105,80,62,.10) !important;color:#75685f !important;}

.plan-card{background:#fffdf9 !important;border-color:rgba(105,80,62,.16) !important;}
.plan-card:hover{border-color:rgba(185,120,88,.50) !important;background:#fdf6ef !important;}
.plan-card.selected{border-color:#b97858 !important;background:rgba(185,120,88,.08) !important;}
.plan-card.popular{border-color:rgba(185,120,88,.40) !important;}

.tab-btn.active{background:#2f2722 !important;color:#fffdf9 !important;}
.tab-btn:not(.active){background:rgba(105,80,62,.08) !important;color:#75685f !important;}
.spinner{border-color:rgba(105,80,62,.15) !important;border-top-color:#b97858 !important;}
.preview-frame{background:#fff !important;border:1px solid rgba(105,80,62,.20) !important;}

.checkout-cindy-btn{background:linear-gradient(135deg,#b97858,#77906f) !important;border-color:rgba(105,80,62,.20) !important;box-shadow:0 18px 45px rgba(120,88,64,.30) !important;}
.checkout-cindy-panel{background:#fffdf9 !important;border:1px solid rgba(105,80,62,.20) !important;box-shadow:0 22px 70px rgba(88,65,50,.25) !important;color:#2f2722;}

/* fallback modal that carries an inline dark background */
.max-w-xl.w-full.rounded-2xl[style]{background:#fffdf9 !important;border:1px solid rgba(185,120,88,.40) !important;box-shadow:0 30px 60px rgba(88,65,50,.25) !important;}

/* ---- Tailwind utility remaps (dark -> warm) ---- */
.text-white{color:#2f2722 !important;}
.text-white\/80,.text-white\/75,.text-white\/70,.text-white\/65{color:#5d5249 !important;}
.text-white\/60,.text-white\/50{color:#75685f !important;}
.text-white\/40,.text-white\/30,.text-white\/20{color:#8d7f74 !important;}
.text-gray-400{color:#75685f !important;}
.text-blue-400,.text-blue-300{color:#a4674a !important;}
.text-purple-400,.text-purple-300{color:#9b5961 !important;}
.text-green-400{color:#526b50 !important;}
.text-red-400,.text-red-300{color:#b3463a !important;}
.text-yellow-400{color:#a87a2e !important;}
.text-yellow-100{color:#7a5d1f !important;}
.bg-white\/5,.bg-white\/10{background-color:rgba(105,80,62,.07) !important;}
.bg-black\/30{background-color:rgba(255,253,249,.65) !important;}
.border-white\/10,.border-white\/20{border-color:rgba(105,80,62,.18) !important;}
.bg-blue-500\/20{background-color:rgba(185,120,88,.15) !important;}
.bg-green-500\/20{background-color:rgba(119,144,111,.18) !important;}

/* solid accent backgrounds keep light text — these come after the text
   remaps on purpose so the later rule wins the importance tie */
.bg-blue-600,.bg-blue-500{background-color:#b97858 !important;color:#fffaf4 !important;}
.bg-green-600{background-color:#526b50 !important;color:#fffaf4 !important;}
.bg-blue-600 *,.bg-green-600 *{color:#fffaf4 !important;}

/* ---- checkout-Cindy panel internals ---- */
.checkout-cindy-head{background:#f8efe8 !important;border-bottom:1px solid rgba(105,80,62,.16) !important;}
.checkout-cindy-head strong{color:#2f2722 !important;}
.checkout-cindy-head small{color:#75685f !important;}
.checkout-cindy-head button{color:#75685f !important;}
.cc-msg.bot{background:#f8efe8 !important;color:#2f2722 !important;}
.cc-msg.user{background:#526b50 !important;color:#fffaf4 !important;}
.checkout-cindy-quick button{border:1px solid rgba(185,120,88,.40) !important;background:rgba(185,120,88,.10) !important;color:#9c5f41 !important;}
.checkout-cindy-form{border-top:1px solid rgba(105,80,62,.16) !important;background:#f8efe8 !important;}
.checkout-cindy-form input{background:#ffffff !important;border:1px solid rgba(105,80,62,.25) !important;color:#2f2722 !important;}
.checkout-cindy-form button{background:#2f2722 !important;color:#fffdf9 !important;}
.text-gray-300{color:#75685f !important;}

/* ---- success.php (slate token) remaps ---- */
.success-icon{background:#526b50 !important;}
h1{color:#2f2722;}
.subtitle,.info-card h2,.info-label,.timeline h2{color:#75685f !important;}
.info-card,.timeline{background:#fffdf9 !important;border:1px solid rgba(105,80,62,.18) !important;box-shadow:0 18px 46px rgba(88,65,50,.08);}
.info-value{color:#2f2722 !important;}
.info-value a{color:#a4674a !important;}
.info-value code{background:#f8efe8 !important;color:#2f2722;}
.status-live{background:rgba(119,144,111,.16) !important;color:#3f5a3e !important;}
.status-live .status-dot{background:#526b50 !important;}
.status-building{background:rgba(201,149,66,.15) !important;color:#8a6a1f !important;}
.status-building .status-dot{background:#a87a2e !important;}
.timeline-check{background:#526b50 !important;}
.timeline-check.pending{background:#d8ccc0 !important;}
.timeline-text{color:#2f2722 !important;}
.timeline-text.dimmed{color:#8d7f74 !important;}