/* RARA: light storefront, navy identity and actions, pale-blue supporting surfaces. */
:root {
  --paper: #f7f6f2;
  --ink: #122f52;
  --brand: #122f52;
  --dark: #122f52;
  --muted: #4e6179;
  --surface: #e8f0f8;
  --brand-yellow: #f1dc89;
  --line: #cbd6e1;
}
body, .collection, .collection-page, .detail, .buyback { background: var(--paper); }
/* Keep product imagery and the customer-selected gallery backgrounds intact. */
.detail-copy[data-store-product]:not([data-store-product=""]) .purchase-button,
.cart-checkout {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.detail-copy[data-store-product]:not([data-store-product=""]) .purchase-button:hover:not(:disabled),
.cart-checkout:hover:not(:disabled) {
  background: #214978;
  border-color: #214978;
  color: #fff;
}
.detail-copy .purchase-button:disabled, .cart-checkout:disabled { opacity: .6; }
.cart-summary { background: var(--surface); }
/* Both enquiry forms use the same quiet blue surface and white fields. */
#sell-form-panel, #kontakt .contact-form {
  background: var(--surface);
  color: var(--ink);
  border-color: var(--line);
  box-shadow: 0 12px 30px #122f520d;
}
#sell-form-panel .field :is(input, textarea, select),
#kontakt .contact-form .field :is(input, textarea, select) {
  background: #fff;
  color: var(--ink);
  border-color: #a4b7ca;
}
#sell-form-panel .enquiry-upload, #kontakt .contact-form .enquiry-upload {
  background: #fff;
  border-color: #a4b7ca;
  color: var(--ink);
}
#sell-form-panel .enquiry-upload-symbol, #kontakt .contact-form .enquiry-upload-symbol { color: var(--ink); }
#sell-form-panel .field :is(input, textarea, select):focus,
#kontakt .contact-form .field :is(input, textarea, select):focus {
  border-color: var(--ink);
  outline: 2px solid #122f5240;
  outline-offset: 2px;
}
#sell-form-panel .field [aria-invalid=true],
#kontakt .contact-form .field [aria-invalid=true] { border-color: var(--color-destructive); }
#sell-form-panel .form-button, #kontakt .contact-form .form-button {
  background: var(--ink);
  color: #fff;
}
#sell-form-panel .form-button:hover:not(:disabled),
#kontakt .contact-form .form-button:hover:not(:disabled) { background: #214978; }
#kontakt { background: var(--paper); color: var(--ink); border-top: 1px solid var(--line); }
#kontakt .contact-copy :is(.eyebrow,h3,summary,.contact-faq-invitation,.contact-highlight),
#kontakt :is(.contact-faq-icon,.contact-sell-link,.contact-faq-more,.contact-faq-answer a) { color: var(--ink); }
#kontakt .contact-copy > p, #kontakt .contact-faq-answer p { color: var(--muted); }
#kontakt :is(.contact-faq-list,.contact-faq-item) { border-color: var(--line); }
#kontakt :is(.contact-faq-more,.contact-faq-answer a):hover { color: #3269aa; }
#kontakt :focus-visible { outline-color: var(--ink); }
/* The pale-blue closing surface repeats the light navigation. */
.footer { background: #e6edf5; color: var(--ink); }
.footer .footer-bottom { border-color: var(--line); color: var(--muted); }
.footer .footer-bottom .footer-help,
.footer .footer-bottom .cookie-open,
.footer .back-to-top { color: var(--ink); }
.footer .footer-help a:hover, .footer .cookie-open:hover { color: #3269aa; }
.footer :is(a,button):focus-visible { outline-color: var(--ink); }
/* Clear, consistent item counts in the header and open cart. */
body .header .cart-trigger .cart-count:not([hidden]),
#cart-title-count:not([hidden]) {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:20px;
 height:20px;
 padding:0 5px;
 border-radius:999px;
 background:#122f52;
 color:#fff;
 font:600 11px/1 'DM Sans',sans-serif;
 font-variant-numeric:tabular-nums;
 letter-spacing:0;
 flex-shrink:0;
}
body .header .cart-trigger .cart-count:not([hidden]) {
 top:-2px;
 right:-3px;
 box-shadow:0 0 0 2px #e6edf5;
}
#cart-heading { display:flex;align-items:center;gap:12px; }
#cart-title-count[hidden],
body .header .cart-trigger .cart-count[hidden] { display:none; }
