/* A color theme: every color on the site comes from this list. The file name is the theme's name.
   Make, change and switch themes with the palette tool (double-click server.cmd, then the Palette button on
   the page), or by hand: copy this file, change the colors, and point the theme <link> in index.html at it.
   One color per line, as written here: the palette tool reads these lines and their notes */
:root {
  --background: #F2E5F0;   /* Behind everything: the page */
  --paper: #FFFAFD;        /* Cards, frames, the nav bar and other light surfaces */
  --ink: #2B1633;          /* Outlines, text and the hard shadows */
  --ink-soft: #5E4866;     /* Softer text: intros and descriptions */
  --accent: #CE4A8E;       /* The pop color: main buttons, ribbon, contact card, accent words */
  --accent-deep: #A8336F;  /* A darker accent for small text, so it stays readable */
  --on-accent: #FFFFFF;    /* Text on the accent color (ribbon, main buttons, contact card) */
  --color-1: #F5A4BB;      /* First of the three colors that take turns: drawers, games, buttons, stickers */
  --color-2: #BEDCFF;      /* Second: the 3D Textures strip, tags, washi tape */
  --color-3: #CD81FF;      /* Third: hovers, the hero grid, the Art & Branding wallpaper */
}