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

:root {
  --brand-primary: #0F2747;
  --brand-primary-strong: #0A1B33;
  --brand-secondary: #8A8F98;
  --brand-accent: #D9E2EC;

  --bg-page: #FFFFFF;
  --bg-soft: #F7F8FA;
  --bg-muted: #EEF2F6;

  --text-primary: #1E1E1E;
  --text-secondary: #5F6773;
  --text-muted: #8A8F98;

  --border-color: #E3E8EF;

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

  --color-success: #2E8B57;
  --color-success-bg: #EAF6EF;
  --color-danger: #C84B4B;
  --color-danger-bg: #FDECEC;
  --color-danger-deep: #A83333;
  --color-warning: #C69214;
  --color-warning-bg: #FFF7E2;
  --color-danger-hover: #FBDADA;

  --shadow-sm: 0 2px 8px rgba(15, 39, 71, 0.06);
  --shadow: 0 8px 24px rgba(15, 39, 71, 0.08);
  --shadow-lg: 0 16px 40px rgba(15, 39, 71, 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);
}