/* Webshop theme overlay: shop */
/* Keep this file small: variables first, only minimal component overrides. */

:root {
  --brand-primary: #3F5A4F;
  --brand-primary-strong: #2D4139;
  --brand-secondary: #B8BDB5;
  --brand-accent: #D4C4A8;

  --bg-page: #FAF8F4;
  --bg-soft: #F5F1EA;
  --bg-muted: #EFE7DA;

  --text-primary: #3A3A36;
  --text-secondary: #6B6B67;
  --text-muted: #9AA091;

  --border-color: #E8DCC8;

  --font-heading: "Playfair Display", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;

  --color-success: #7A8F7B;
  --color-success-bg: #E8F0E7;
  --color-danger: #C85A5A;
  --color-danger-bg: #FEE8E8;
  --color-danger-deep: #B71C1C;
  --color-warning: #D4A574;
  --color-warning-bg: #FEF3C7;
  --color-danger-hover: #FDD4D4;

  --shadow-sm: 0 1px 2px rgba(62, 90, 79, 0.05);
  --shadow: 0 2px 8px rgba(62, 90, 79, 0.10);
  --shadow-lg: 0 8px 24px rgba(62, 90, 79, 0.12);
}

/* Optional light touch for body areas */
.main-content,
.page-content {
  background: linear-gradient(180deg, var(--bg-soft) 0%, var(--bg-page) 220px);
}

.jwshop-header,
.webshop-header {
  border-bottom: 1px solid var(--border-color);
}

.webshop-footer {
  border-top: 1px solid var(--border-color);
}