/* generated by tools/make-scratch-pages.js — theme for site/scratch/engine.css */
/* Soft Blush Arch: a powder-blush arch card on warm off-white linen, a fine gold line, gold-leaf hearts. Gold serif date,
   gold script names, blush paper sheets with a gold hairline, an arch-shaped countdown frame. Also the Gender reveal base. */
:root {
  --bg: #e3d9cd; --bg-tile: url('/art/scratch-blush/bg.webp'); --on-bg: #6a4a43; --on-bg-soft: rgba(106, 74, 67, .45);
  --ink: #6a4b45; --ink-soft: #9b7f78; --accent: #c19a55; --accent-deep: #a07a3a;
  --script: 'Great Vibes', cursive; --caps: 'Cormorant Garamond', Georgia, serif;
  --names-ink: #9c763a; --names-shadow: 0 1.4px 0 rgba(255, 244, 240, .85), 0 -1px 1px rgba(110, 70, 40, .2); --amp-ink: #9b7f78; --nib: rgba(255, 236, 200, .55);
  --hint-font: 600 22px/1.35 var(--caps); --hint-ls: .26em; --hint-ink: #7d5b54;
  --date-font: 600 80px/1 var(--caps); --date-short: 84px; --date-mid: 54px; --date-long: 50px; --date-ink: #8a6a2c;
  --date-shadow: 0 2px 0 rgba(255, 240, 236, .95), 0 -1.4px 1.2px rgba(90, 55, 30, .35); --win-pad: 0;
  --title-font: 400 clamp(42px, 12.5vw, 54px)/1.15 var(--script); --title-ink: #9a7334; --title-shadow: drop-shadow(0 1px 0 rgba(255, 252, 248, .6));
  --eyebrow-font: italic 400 21px/1.2 var(--serif);
  --paper: #f3dfda; --paper-img: url('/art/scratch-blush/paper.webp');
  --sheet-radius: 8px; --sheet-edge: 0 1px 2px rgba(110, 70, 60, .12), 0 14px 30px rgba(110, 70, 60, .16);
  --sheet-inset: 11px; --sheet-inner-radius: 4px; --sheet-line: 1px solid rgba(193, 154, 85, .75); --sheet-line2: none;
  --h2-font: 400 52px/1.1 var(--script); --h2-ink: #a07a3a;
  --cd-font: 600 44px/1.05 var(--caps); --cd-ink: #a07a3a;
  --caps-font: 600 12px/1.5 var(--caps);
  --btn-font: 600 12.5px/1 var(--caps); --btn-ink: #6a4b45; --btn-bg: rgba(255, 246, 243, .75); --btn-line: #c19a55;
  --btn-shadow: inset 0 0 0 3px rgba(255, 246, 243, .6), inset 0 0 0 4px rgba(193, 154, 85, .3); --btn-sheen: rgba(255, 238, 205, .75);
  --details-ink: #5e413b; --details-bg: rgba(255, 248, 245, .45); --details-line: rgba(106, 74, 67, .45);
  --frame-line: 1px solid #c19a55; --frame-radius: 180px 180px 10px 10px / 180px 180px 10px 10px; --frame-shadow: inset 0 0 0 5px rgba(243, 223, 218, .6), inset 0 0 0 6px rgba(193, 154, 85, .3);
  --icon-ink: #a07a3a; --spark: rgba(255, 236, 200, .9);
  --photo-filter: saturate(.85) brightness(1.05); --photo-opacity: .95;
  --photo-overlay: radial-gradient(ellipse 60% 55% at 50% 55%, transparent 70%, rgba(243, 223, 218, .5) 100%);
  --music-bg: rgba(255, 248, 245, .8); --music-ink: #6a4b45; --hero-foot: rgba(110, 70, 60, .05);
  --fig-bg: #fbf1ee; --fig-radius: 999px 999px 6px 6px; --fig-img-radius: 999px 999px 3px 3px; --fig-shadow: 0 0 0 1px rgba(193, 154, 85, .55), 0 8px 18px rgba(110, 70, 60, .14);
}
.cartouche.css-frame { padding-top: 76px; }
.orn-icon svg { width: 44px; height: 44px; }
/* Gender reveal: the finale and the confetti in the baby's colour */
.hero.g-girl { --bloom1: rgba(255, 214, 226, .85); --bloom2: rgba(240, 160, 185, .3); --spark: rgba(255, 205, 220, .95); --spark-ray: rgba(255, 228, 236, .95); }
.hero.g-boy { --bloom1: rgba(210, 228, 250, .85); --bloom2: rgba(140, 180, 230, .3); --spark: rgba(200, 222, 248, .95); --spark-ray: rgba(226, 238, 252, .95); }
.hero.gender .dv { letter-spacing: .04em; }