/* Black Friday Society · The Sweet Nothing Shoppe — shared theme.
   Load from the host's index.html:
   <link rel="stylesheet" href="_content/BlackFridaySociety.Shoppe/css/shoppe-theme.css" /> */
:root{
  --bfs-cream:#FFF4E0; --bfs-paper:#FBE8C8; --bfs-rasp:#D7263D; --bfs-raspdk:#A3162B;
  --bfs-mint:#7FD8BE; --bfs-mintdk:#3FA98A; --bfs-butter:#F4A259; --bfs-lemon:#FFE066;
  --bfs-choc:#4A2C2A; --bfs-chocdk:#2E1A19; --bfs-lilac:#C3A6E8; --bfs-pink:#F7A8B8;
  --bfs-walnut:#C67532; --bfs-manila:#F3D59C; --bfs-manila2:#F6DCA8;
  --bfs-brass1:#FFE29A; --bfs-brass2:#E0A93B; --bfs-brass3:#A8741E;
  --bfs-font-display:'Shrikhand',cursive;
  --bfs-font-body:'Fraunces',Georgia,serif;
}
html:has(.bfs-shoppe){scroll-behavior:smooth;overflow-x:hidden}
body:has(.bfs-shoppe){margin:0}

/* zero-specificity reset, limited to the shoppe */
:where(.bfs-shoppe, .bfs-shoppe *, .bfs-shoppe *::before, .bfs-shoppe *::after){box-sizing:border-box;margin:0;padding:0}
:where(.bfs-shoppe a){color:inherit}

.bfs-shoppe{font-family:var(--bfs-font-body);color:var(--bfs-choc);background:var(--bfs-cream);
  background-image:radial-gradient(rgba(74,44,42,.07) 1.2px,transparent 1.3px);background-size:22px 22px;
  overflow-x:clip;min-height:100vh}

/* shared utilities */
.bfs-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.bfs-section{padding-top:90px;padding-bottom:20px}
.bfs-brass{background:linear-gradient(180deg,var(--bfs-brass1),var(--bfs-brass2) 55%,var(--bfs-brass3))}

/* "I Saved Something" before Black Friday: visible, greyed, not clickable. */
.saved-gated{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;opacity:.55;filter:grayscale(1);
  cursor:not-allowed;pointer-events:none;user-select:none;text-decoration:none}
.saved-gated-note{font:700 .72rem/1.1 var(--bfs-font-body,Georgia,serif);letter-spacing:.02em;text-transform:none;opacity:.9}
button.saved-gated,button:disabled.saved-gated{cursor:not-allowed}
.folder-link,.intro-saved-link{display:inline-block;margin-top:8px;font:800 .9rem/1.2 var(--bfs-font-body,Georgia,serif);color:var(--bfs-rasp,#D7263D)}
.saved-option-note{display:block;font-size:.85rem;font-style:italic;opacity:.75;margin-top:4px}
