/* Bride & Unwind — a visual skin only. A spa night in: watercolour
   powder-blue stripes, satin pyjamas laid out over the join screen and
   host lobby, a striped robe under the wordmark, an iced latte under every
   question, a silver face roller beside the name in the host toolbar.
   Kit pieces live in /themes/unwind/. Games and questions are untouched. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Great+Vibes&display=swap');

[data-theme="unwind"] {
  --icing:       #f9f7f1;   /* the cream stripe — the page ground */
  --cream:       #fffdf8;   /* raised surfaces: satin */
  --paper-3:     #eef2f5;

  --peach:       #c6dcea;   /* the blue stripe, as a field */
  --peach-tint:  #e9f1f6;
  --stripe-pink: #d3e3ee;
  --stripe-cream:#f9f7f1;
  --stripe-line: #b7cfe0;
  --coral:       #6f93ad;   /* steeped-blue — the accent */
  --claret:      #3b5468;   /* the deep end of the water */

  --butter:      #e6dcc6;   /* the latte's foam */
  --butter-tint: #f4efe3;
  --olive:       #9a8468;   /* cold brew */
  --olive-tint:  #efe7db;
  --teal:        #b9bec4;   /* the third swatch: silver */
  --teal-tint:   #eceef0;

  --ink:         #33414c;   /* slate, never pure black */
  --ink-soft:    #6f7d88;
  --rule:        #cddbe5;
  --brass:       #a9b0b7;   /* chrome, not gold */
  --blue-deep:   #3b5468;

  --radius: 18px;           /* everything is pillowy */
  --display: 'Cormorant Garamond', 'EB Garamond', Baskerville, Georgia, serif;
  --serif:   'EB Garamond', Baskerville, Georgia, serif;
  --logo:    'Great Vibes', 'Snell Roundhand', 'Apple Chancery', cursive;

  /* the kit */
  --theme-tile: url('/themes/unwind/tile.jpg');
  --theme-tile-size: 640px;
  --theme-motif: url('/themes/unwind/pajamas.png');
  --theme-motif-h: 190px;
  --theme-ornament: url('/themes/unwind/robe.png');
  --theme-ornament-s: 84px;
  --theme-prompt-ornament: url('/themes/unwind/latte.png');
  --theme-prompt-ornament-s: 52px;
  /* no wordmark in this kit: the Bride Society name stays, with the face
     roller beside it in the host toolbar */
  --theme-brand-text: inline;
  --theme-logo: url('/themes/unwind/roller.png');
  --theme-logo-s: 56px;
}

/* Cormorant runs small for its size: nudge the display faces up a touch. */
[data-theme="unwind"] h1, [data-theme="unwind"] h2, [data-theme="unwind"] h3 { font-weight: 600; }
[data-theme="unwind"] .prompt { font-weight: 500; font-style: italic; }
[data-theme="unwind"] .host-brand::before { margin-right: .4em; }
/* the robe is taller than wide: give the accent its portrait shape */
[data-theme="unwind"] .wordmark::after { height: calc(var(--theme-ornament-s) * 1.3); }
/* the roller is a slim wand: let it stand tall in the toolbar */
[data-theme="unwind"] .host-brand::before { width: calc(var(--theme-logo-s) * .42); }

/* ---- the reveal: deep water with cream lettering */
[data-theme="unwind"] .option.win { color: var(--icing); border-color: var(--claret); }
[data-theme="unwind"] .option.win::before { border-color: rgba(249, 247, 241, .5); }