/* =====================================================================
   SITE THEME — karlitas.site
   One place for every color, font and corner radius on the site.
   /invite and /details both load this file, so a change here updates both pages.

   THE RSVP FORM IS SEPARATE. It is the Votel form "GG Cincuentanera RSVP"
   (slug EiuU) and it shows inside a frame from Votel, so this file cannot
   restyle it. When you change a value marked [FORM] below, also change the
   matching form setting in Votel (Forms -> GG Cincuentanera RSVP -> Design),
   or ask the Votel assistant to "update the RSVP form's design settings to
   match /theme.css". The form setting name is given after [FORM].
   ===================================================================== */

:root{
  /* Page background (dark gradient behind everything) */
  --bg:#17161a;            /* bottom of the gradient */
  --bg2:#232127;           /* top of the gradient */
  --ink:#f5f0e6;           /* text on the dark background */
  --muted:#cfc8ba;         /* quieter text on the dark background */

  /* Gold accent: buttons, seal, names */
  --accent:#c9a227;        /* [FORM] buttonColor + accentColor */
  --accent-ink:#241f10;    /* [FORM] buttonTextColor (text on gold buttons) */

  /* The invitation card (cream paper) */
  --card:#fbf7ef;          /* [FORM] formColor + pageColor */
  --card-ink:#2a2620;      /* [FORM] fontColor */
  --card-muted:#6f675a;    /* quieter text on the card */
  --card-line:#e4dccb;     /* thin rules above and below the date lines */
  --card-hover:#f1ebdd;    /* [FORM] secondaryColor (hover on light buttons) */
  --btn-line:#cfc4a8;      /* [FORM] borderColor (outline buttons, form inputs) */
  --input-bg:#ffffff;      /* [FORM] inputBackground */

  /* Envelope */
  --env-paper:#3d3549;
  --env-paper2:#2a2433;
  --env-flap:#554c63;

  /* Type and shape */
  --font:Georgia,'Times New Roman',serif;   /* [FORM] fontFamily */
  --radius:14px;                             /* [FORM] borderRadius */
}