/* Lace Affair — a visual skin only. Ecru crochet lace on ivory:
   a bow-and-scroll border crowns the join screen and host lobby, a lace
   heart sits under the wordmark, a scalloped flower border under every
   question. Kit pieces live in /themes/lace/. Games and questions are
   untouched. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Pinyon+Script&display=swap');

[data-theme="lace"] {
  --icing:       #fbf8f2;   /* ivory linen — the page ground */
  --cream:       #fffdf9;   /* raised surfaces */
  --paper-3:     #f2ebde;

  --peach:       #e7d9c1;   /* the lace thread, as a field */
  --peach-tint:  #f5efe3;
  --stripe-pink: #eee4d2;
  --stripe-cream:#f8f3ea;
  --stripe-line: #dccfb7;
  --coral:       #a78654;   /* antique gold thread — the accent */
  --claret:      #4a3a2a;   /* deep sepia */

  --butter:      #e3d5b6;
  --butter-tint: #f4ecdb;
  --olive:       #8b7a58;   /* tea-stained leaf */
  --olive-tint:  #e9e2d0;
  --teal:        #b39b83;   /* the third swatch: a soft taupe */
  --teal-tint:   #ede3d8;

  --ink:         #3d3125;   /* warm brown-black, never pure black */
  --ink-soft:    #7b6b56;
  --rule:        #dccfb8;
  --brass:       #a78654;
  --blue-deep:   #6b5740;

  --radius: 14px;           /* everything is softly rounded, like a doily */
  --display: 'Cormorant Garamond', 'EB Garamond', Baskerville, Georgia, serif;
  --serif:   'EB Garamond', Baskerville, Georgia, serif;
  --logo:    'Pinyon Script', 'Snell Roundhand', 'Apple Chancery', cursive;

  /* the kit */
  --theme-tile: url('/themes/lace/tile.jpg');
  --theme-tile-size: 560px;
  --theme-motif: url('/themes/lace/border-top.png');
  --theme-motif-h: 150px;
  --theme-ornament: url('/themes/lace/heart.png');
  --theme-ornament-s: 56px;
  --theme-prompt-ornament: url('/themes/lace/border-bottom.png');
  --theme-prompt-ornament-s: 54px;
  /* no wordmark in this kit: the Bride Society name stays, with a lace bow
     beside it in the host toolbar */
  --theme-brand-text: inline;
  --theme-logo: url('/themes/lace/bow.png');
  --theme-logo-s: 44px;
}

/* Cormorant runs small for its size: nudge the display faces up a touch. */
[data-theme="lace"] h1, [data-theme="lace"] h2, [data-theme="lace"] h3 { font-weight: 600; }
[data-theme="lace"] .prompt { font-weight: 500; }
[data-theme="lace"] .host-brand::before { margin-right: .45em; }
/* the question ornament is a wide border, not a square: let it stretch */
[data-theme="lace"] .prompt::after { width: min(280px, 80%); }

/* ---- the reveal: gold thread with ivory lettering */
[data-theme="lace"] .option.win { color: var(--icing); border-color: var(--claret); }
[data-theme="lace"] .option.win::before { border-color: rgba(255, 253, 249, .5); }