/* Estienne brand skin for the CardForge designer — overrides the app's CSS variables */
: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; }

/* --- 3D design viewport: a soft cream studio backdrop instead of the dark stage,
       so cards (including dark ones) are easy to view --- */
.stage{ background:radial-gradient(1100px 760px at 50% 28%, #F6F1E7 0%, #EFE9DD 62%, #E6DECF 100%) !important; }
.stage-hint{ color:var(--muted) !important; }