/*
 * Calder Shop color palette
 *
 * Current palette: Yolk
 */

.calder-shop {
  --color-bg: #fffdf7;
  --color-surface: #ffffff;

  --color-text: #242015;
  --color-muted: #6b6252;

  /* Calder egg / cheese yellow */
  --color-accent: #f6c900;
  --color-accent-text: #211f18;

  --color-link: #6b5200;
  --color-border: #dfd8c8;

  background-color: var(--color-bg);
  color: var(--color-text);

  transition:
    background-color 400ms ease,
    color 400ms ease;
}


/*
 * Links
 */

.calder-shop a {
  color: var(--color-link);
}


/*
 * Buttons
 *
 * Yellow backgrounds intentionally use dark text
 * for stronger contrast and readability.
 */

.calder-shop button,
.calder-shop input[type="submit"],
.calder-shop .button {
  background-color: var(--color-accent);
  color: var(--color-accent-text);
  border-color: var(--color-accent);
}


/*
 * Button hover
 */

.calder-shop button:hover,
.calder-shop input[type="submit"]:hover,
.calder-shop .button:hover {
  background-color: #ffdc24;
  border-color: #ffdc24;
  color: var(--color-accent-text);
}