:root {
  /* =========================
     BRAND COLOURS
     ========================= */

  --c-black: #050505;
  --c-black-soft: #111111;
  --c-grey-darker: #27272A;
  --c-grey-dark: #3F3F46;
  --c-grey: #71717A;
  --c-grey-light: #D4D4D8;
  --c-grey-lighter: #E4E4E7;
  --c-grey-lightest: #F7F7F7;
  --c-white: #FFFFFF;

  /* Killarney Gold */
  --c-gold: #B88A22;
  --c-gold-light: #D1A634;
  --c-gold-dark: #8F6918;

  /* =========================
     CORE THEME
     ========================= */

  --c-primary: var(--c-white);
  --c-action: var(--c-gold);
  --c-background: var(--c-white);
  --c-pale-background: var(--c-grey-lightest);

  --c-positive: #10B981;
  --c-negative: #EF4444;

  --c-text-dark: var(--c-black);
  --c-text: var(--c-grey-darker);
  --c-text-light: var(--c-white);

  --page-background-color: var(--c-background);

  /* =========================
     BUTTONS
     ========================= */

  --primary-button-background-color: var(--c-gold);
  --primary-button-color: var(--c-white);

  --button-border-radius: 2px;

  --c-icon: var(--c-gold);

  /* =========================
     LINKS
     ========================= */

  --link: var(--c-gold);
  --link-hover: var(--c-gold-dark);
  --link-active: var(--c-gold-dark);

  /* =========================
     TOP INFO / ANNOUNCEMENT BAR
     ========================= */

  --info-bar-background-color: var(--c-white);
  --info-bar-text-color: var(--c-black);

  --info-bar-announce-background-color: var(--c-gold);
  --info-bar-announce-text-color: var(--c-white);

  --info-bar-link-color: var(--c-gold-light);

  /* =========================
     NAVIGATION
     ========================= */

  --nav-background-color: var(--c-white);
  --nav-text-color: var(--c-black);

  --nav-button-background-color: var(--c-gold);
  --nav-button-border-color: var(--c-gold);
  --nav-button-text-color: var(--c-white);

  --nav-link-color: var(--c-black);

  --nav-shadow-color: rgba(0, 0, 0, 0.08);

  /* =========================
     HERO
     ========================= */

  --hero-background-color: var(--c-black);
  --hero-title-color: var(--c-white);
  --hero-text-color: var(--c-white);

  --hero-button-background-color: var(--c-gold);
  --hero-button-border-color: var(--c-gold);
  --hero-button-text-color: var(--c-white);

  --hero-secondary-button-text-color: var(--c-white);
  --hero-secondary-button-border-color: var(--c-gold);

  /* =========================
     HERO BENEFITS BAR
     ========================= */

  --hero-benefits-background-color: var(--c-black);
  --hero-benefits-text-color: var(--c-white);
  --hero-benefits-icon-color: var(--c-gold);

  /* =========================
     CALLOUT
     ========================= */

  --callout-background-color: var(--c-gold);
  --callout-text-color: var(--c-white);

  /* =========================
     SIDEBAR
     ========================= */

  --c-sidebar-selling-point-icon: var(--c-gold);

  /* =========================
     FEATURE SECTIONS
     ========================= */

  --feature-section-button-background-color: var(--c-gold);
  --feature-section-button-border-color: var(--c-gold);
  --feature-section-button-text-color: var(--c-white);

  /* =========================
     HOW IT WORKS
     ========================= */

  --how-it-works-background-color: var(--c-black);
  --how-it-works-title-color: var(--c-white);

  --how-it-works-number-color: var(--c-gold);
  --how-it-works-subtitle-color: var(--c-white);
  --how-it-works-text-color: var(--c-grey-light);

  /* =========================
     REVIEWS
     ========================= */

  --review-section-star-icons: var(--c-gold);

  --reviews-section-button-background: var(--c-white);
  --reviews-section-button-border: var(--c-gold);
  --reviews-section-button-text: var(--c-gold-dark);

  /* =========================
     FOOTER PROMO BANNER
     ========================= */

  --footer-banner-background-color: var(--c-gold);
  --footer-banner-title-color: var(--c-white);
  --footer-banner-text-color: var(--c-white);

  --footer-banner-button-background-color: var(--c-white);
  --footer-banner-button-text-color: var(--c-gold-dark);

  /* =========================
     FOOTER
     ========================= */

  --footer-background-color: var(--c-black);
  --footer-text-color: var(--c-grey-light);
  --footer-link-color: var(--c-white);

  /* =========================
     MISC
     ========================= */

  --c-summary-review-star-icons: var(--c-gold);

  --border-color: rgba(0, 0, 0, 0.10);
}


/* ======================================================
   OPTIONAL POLISH
   Add everything below if Stora allows custom selectors.
   ====================================================== */


/* Stronger, sharper buttons matching the logo */
button,
.button,
a.button,
[class*="button"] {
  font-weight: 700;
  letter-spacing: 0.02em;
}


/* Slight lift on CTA buttons */
button:hover,
.button:hover,
a.button:hover {
  filter: brightness(1.08);
  transition: 0.2s ease;
}


/* Bold headings similar to logo */
h1,
h2,
h3 {
  font-weight: 800;
  letter-spacing: -0.02em;
}


/* Give cards a clean premium feel */
[class*="card"] {
  border-color: rgba(0, 0, 0, 0.08);
}


/* Gold focus state */
input:focus,
select:focus,
textarea:focus {
  outline-color: var(--c-gold);
  border-color: var(--c-gold);
}


/* Selection colour */
::selection {
  background: var(--c-gold);
  color: var(--c-white);
}