/* shwn-folder-paper - SKIN. Scoped to .sp-shwn-folder-paper so a host's :root tokens cannot leak in.
   This is the only file to edit per project. Default = a white paper folder; the dark block turns it into a black
   folder for dark pages (html.dark or [data-theme="dark"]). The flap is opaque in both: nothing shows inside
   before the folder opens. */
.sp-shwn-folder-paper {
  --sp-shwn-folder-paper-scale: 1;                  /* 0.85 sits level with a 340 px-tall product card */
  --sp-shwn-folder-paper-icon: 60px;                /* the icon tiles */
  --sp-shwn-folder-paper-icon-radius: 14px;
  --sp-shwn-folder-paper-icon-shadow: rgba(0,0,0,.28);
  --sp-shwn-folder-paper-body: radial-gradient(circle at 50% 0%, #fff, #e6e3dc 60%, #cfcbc2);
  --sp-shwn-folder-paper-fade: rgba(0,0,0,.08);
  --sp-shwn-folder-paper-stroke: rgba(0,0,0,.14);
  --sp-shwn-folder-paper-glass: linear-gradient(180deg, #f1efe9 0%, #d8d4cb 100%);
  --sp-shwn-folder-paper-glass-edge: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(0,0,0,.10), 0 -1px 0 rgba(0,0,0,.10);
  --sp-shwn-folder-paper-shadow: 0 10px 18px -12px rgba(0,0,0,.3);
  --sp-shwn-folder-paper-shadow-fill: #d9d6cf;
  --sp-shwn-folder-paper-focus: #5d5d5d;
}
html.dark .sp-shwn-folder-paper, [data-theme="dark"] .sp-shwn-folder-paper {
  --sp-shwn-folder-paper-body: radial-gradient(circle at 50% 0%, #3a3a3a 0%, #1a1a1a 60%, #050505 100%);
  --sp-shwn-folder-paper-fade: rgba(0,0,0,.5);
  --sp-shwn-folder-paper-stroke: rgba(255,255,255,.4);
  --sp-shwn-folder-paper-glass: linear-gradient(180deg, #252525 0%, #101010 100%);
  --sp-shwn-folder-paper-glass-edge: inset 0 1px 0 rgba(255,255,255,.28), inset 0 0 0 1px rgba(255,255,255,.07), 0 -1px 0 rgba(0,0,0,.35);
  --sp-shwn-folder-paper-shadow: 0 12px 20px -12px rgba(0,0,0,.7);
  --sp-shwn-folder-paper-shadow-fill: #000;
  --sp-shwn-folder-paper-focus: #9e9e9e;
}