/*
  COLORS AND FONTS
  Change the look of the whole site here. Every page uses these.
  Wedding colors: browns (Ernesto's dark brown tux), soft pastels, and greenery.
  If you change a font, also update the Google Fonts <link> at the
  top of each .html file (or ask Claude to).
*/
:root {
  /* Paper */
  --bg: #f8f3ec;            /* warm cream, page background */
  --bg-soft: #edf0e4;       /* pastel sage, for bands */
  --blush-bg: #f6e9e4;      /* pastel blush, for bands */
  --surface: #fffdf9;       /* panels and form fields */
  --dark: #3a2a20;          /* dark chocolate brown, like the tux */
  --on-dark: #f8f3ec;
  --on-dark-soft: #dccbb9;
  --dark-line: #6b5444;

  /* Ink */
  --ink: #33261d;           /* deep brown, main text */
  --ink-soft: #6a5a4c;      /* mocha, secondary text (passes contrast on cream) */
  --line: #e4d8c8;          /* hairlines */
  --line-strong: #c4b39e;   /* form borders */

  /* Accents */
  --accent: #3a2a20;        /* buttons: chocolate */
  --accent-hover: #5a4334;
  --slate: #4f5f3a;         /* greenery: olive links */
  --sage: #a9b79b;          /* greenery, decorative */
  --blush: #e8c9c1;         /* pastel blush, decorative */
  --powder: #cddbe4;        /* pastel blue, decorative */
  --boxwood: #4f5f3a;       /* confirmations */
  --tulip: #d2a3a0;         /* the small tulip motif, pastel rose */
  --stitch: #9e3b45;        /* Felafnes cross-stitch red */

  /* Feedback */
  --ok-bg: #e9eee0;
  --error: #9b2232;
  --error-bg: #f8e9ea;
  --placeholder-bg: #fff2a8;

  /* Type */
  --font-script: "Luxurious Script", "Pinyon Script", cursive;   /* the couple's names */
  --font-head: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-body: "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;
  --text: 18px;             /* body size, never below 17px */

  /* Shape */
  --radius: 2px;
  --max: 760px;
}