/*
 * This file overrides the default colour palette and minor styling of the
 * Wisco Poo Pros website.  We embrace a more playful, inviting aesthetic by
 * substituting the original blue/gold palette with a bright lime green as
 * the primary colour, while keeping the familiar teal and gold as
 * supporting accents.  Increasing the border radius softens cards and
 * buttons for a friendly, less corporate feel.
 */

/* New custom properties – these variables mirror those defined in
   the original stylesheet. Because this file is loaded after the base
   stylesheet, the variables here will override their earlier values. */
:root {
  /* Lime green primary colour used throughout buttons, highlights and links */
  --primary-color: #8BC34A;
  /* Retain the original teal as a secondary colour for hover states and accents */
  --secondary-color: #5BA6C9;
  /* Keep the warm golden tone for call‑to‑actions and subtle emphasis */
  --accent-color: #E8B24A;
  /* Slightly lighten the dark text colour for improved readability */
  --dark-color: #333333;
  /* A very light, almost white background to brighten up sections */
  --light-color: #F8FBF5;
  /* Soften corners to give cards and buttons a more playful appearance */
  --radius: 8px;
}

/* Optionally, adjust button hover behaviour to emphasise the lime green */
.btn:hover {
  background-color: var(--accent-color);
}