/* Wheal Pixel Studios: light version.
   Loaded after site.css. Swaps the studio's dark look for white; product pages keep their own colours. */

:root {
  --bg: #FFFFFF;
  --bg-deep: #F5F6F8;
  --card: #F7F8FA;
  --line: #E3E6EA;
  --line-2: #C9CED6;
  --text: #15181D;
  --muted: #555D68;
  --copper: #B5541D;
  --copper-2: #9A4416;
  --pink: #C42E66;
  --violet: #6A4FD6;
  --teal: #12827A;
  color-scheme: light;
}

a { color: var(--copper-2); }
a:hover { color: #7A3410; }
:focus-visible { outline-color: var(--copper); }

/* Header */
.site-header { background: rgba(255, 255, 255, 0.92); }
.nav a { color: #3A414B; }
.nav a:hover, .nav a[aria-current="page"] { color: var(--text); }
@media (max-width: 820px) {
  .nav { background: #FFFFFF; }
  .nav-toggle { background: var(--card); }
}

/* Buttons: white text on copper */
.btn-primary, .btn-primary:hover, .nav a.btn { color: #FFFFFF; }
.btn-primary:hover { background: var(--copper-2); }

/* Hero soil strip */
.soil { background: #EADFD0; border-top-color: #CDB79A; }
.soil::before { background-image: radial-gradient(#D2BFA3 2px, transparent 2.5px); }

/* Shelves */
.shelf-item .chip, .pill.solid { color: #FFFFFF; }

/* Forms */
.field { color: #3A414B; }
.field input { background: #FFFFFF; }
.field input:focus { box-shadow: 0 0 0 3px rgba(181, 84, 29, .25); }
.form-note.ok { color: #1E7A4C; }

/* Prose pages */
.prose, .faq details > div { color: #2F353D; }

/* Footer */
.site-footer { color: #5B636E; }
.footer-nav a { color: #3A414B; }

/* Keep the homepage hero pure white */
.hero { background: var(--bg); }