/* Shared Vtik tokens. Page templates own their business components.
 * Never force a generic .card, .panel, .top or .btn background: those names
 * have different meanings in Shop, Seller and Shipper screens. */
:root{
  --vtik-bg-canvas:#0b0f12;
  --vtik-bg-surface:#12181d;
  --vtik-bg-surface-2:#171f25;
  --vtik-bg-input:#0f1519;
  --vtik-bg-hover:#202a31;
  --vtik-border:#35424b;
  --vtik-shadow:0 12px 34px rgba(0,0,0,.22);
  --vtik-brand:#45B96B;
  --vtik-brand-2:#6CCB88;
  --vtik-cyan:#20c8c0;
}
:root[data-vtik-theme="light"]{
  --vtik-bg-canvas:#f6f7f8;
  --vtik-bg-surface:#fff;
  --vtik-bg-surface-2:#edf1f3;
  --vtik-bg-input:#fff;
  --vtik-bg-hover:#e8edf0;
  --vtik-border:#d7dfe4;
  --vtik-shadow:0 8px 24px rgba(18,25,30,.07);
}
/* Feed remains immersive in either preference. */
body.vtik-platform-feed-page,body.vtik-platform-feed-route,
body.vtik-platform-feed-page .vtik-app,body.vtik-platform-feed-route .vtik-app{
  background:#050708!important;
}
/* The white dock is a deliberate constant on both modes. */
.vtik-unified-nav{background:#fff!important;border-color:rgba(15,23,42,.08)!important;box-shadow:0 8px 26px rgba(0,0,0,.14)!important}
body.vtik-ui :focus-visible{outline:2px solid #2F8F50!important;outline-offset:2px!important}
body.vtik-ui .vtik-comment-form textarea:focus,
body.vtik-ui .vtik-comment-form textarea:focus-visible{outline:0!important;outline-offset:0!important;border:0!important;box-shadow:none!important}
body.vtik-ui .vtik-comment-input-shell:focus-within{border-color:rgba(255,255,255,.14)!important;box-shadow:none!important}