/* ==========================================================================
   THEME — every colour, font and size that defines the look.
   Change values here; nothing else needs to be touched for a re-skin.
   ========================================================================== */
:root {
  /* page background (the "linen" the envelope sits on) */
  --linen: #dfe3d4;
  --linen-2: #c9d0bb;

  /* envelope paper, outside — lightest to darkest */
  --paper-hi: #f6f2ea;
  --paper: #f3efe6;
  --paper-mid: #eee8dc;
  --paper-2: #e8e2d5;
  --paper-lo: #e5dece;
  --paper-fold: #ebe5d8;

  /* envelope paper, inside */
  --inside-1: #d4d1c9;
  --inside-2: #e8e6e0;
  --inside-3: #eeede8;
  --inside-pocket: #d9d5cc;
  --gum: #dcd4c2;            /* the gummed strip on the open lid */
  --fold-shadow: #4a3f2c;    /* colour of shadows cast by folds */
  --lid-shade: #2e271c;      /* darkening on the lid as it turns */

  /* invitation card */
  --card: #fdfbf6;
  --ink: #2c2b26;
  --ink-soft: #6a675c;
  --gold: #a88a50;           /* card border, ampersand, rule */

  /* accent: names, seal, RSVP button */
  --green: #2d4a33;
  --seal-hi: #4d6e52;
  --seal-lo: #1b2f20;

  /* fonts (loaded in index.html from Google Fonts) */
  --script: "Pinyon Script", "Snell Roundhand", cursive;
  --caps: "Cinzel", "Trajan Pro", Georgia, serif;
  --body: "Cormorant Garamond", Garamond, Georgia, serif;

  /* envelope size: 88% of screen width, never wider than 420px */
  --env-w: min(88vw, 420px);
  --env-h: calc(var(--env-w) / 1.4);

  /* card text size relative to the envelope */
  --card-text: calc(var(--env-w) * .021);

  /* paper grain texture */
  --noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .11 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}