/* Estienne brand skin for the CardForge designer — overrides the app's CSS variables.
   Kept in the repo so the designer build is reproducible (see build-designer.mjs). */
:root{
  --bg:       #EFE9DD !important;  /* paper */
  --bg-2:     #E6DECF !important;  /* paper-deep */
  --panel:    #F5F1E8 !important;  /* light panel */
  --panel-2:  #EBE4D5 !important;
  --line:     #D6CFC1 !important;  /* hairline */
  --text:     #1A1714 !important;  /* ink */
  --muted:    #6B655C !important;  /* soft ink */
  --accent:   #742A2A !important;  /* oxblood */
  --accent-2: #A6853F !important;  /* antique gold */
  --ok:       #5B6244 !important;  /* olive */
  --radius:   3px !important;
  --shadow:   0 14px 36px rgba(26,23,20,.12) !important;
}
html,body{ background:var(--bg) !important; color:var(--text) !important; }

/* --- targeted overrides: kill the hardcoded dark backgrounds on inner screens --- */
body{ background:radial-gradient(1200px 800px at 70% -10%, #F6F1E7 0%, var(--bg) 55%) !important; color:var(--text) !important; }
.picker{ background:radial-gradient(1200px 800px at 70% -10%, #F6F1E7 0%, var(--bg) 60%) !important; color:var(--text) !important; }
.product-card:hover .product-shot{ background:var(--panel-2) !important; }
/* keep translucent controls subtle on a light ground */
.side-toggle,.chip{ background:rgba(26,23,20,.06) !important; }
.quote{ background:rgba(26,23,20,.05) !important; }
.fold-control{ background:rgba(26,23,20,.06) !important; }

/* --- primary CTA on-brand: antique-gold → oxblood, cream text (was bright green) --- */
.btn-finish{
  background:linear-gradient(180deg, var(--accent-2), var(--accent)) !important;
  color:#F7F2E8 !important;
}
.btn-finish:hover:not(:disabled){ filter:brightness(1.06) !important; }

/* Serif display type for the embedded configurator headings, to match the site. */
.hero h1, .picker h1, .panel-head h2, .brand{
  font-family: Georgia, "Times New Roman", "Noto Serif", serif !important;
}

/* Share link + payment banner sit comfortably on the cream ground. */
.share-link input{ background:#FBF8F1 !important; }