:root{--6j-bg: #FFFFFF;--6j-bg-sub: #FAF9F7;--6j-text: #292724;--6j-text-sub: #807C76;--6j-accent: #6B5B4F;--6j-accent-hover: #5A4A3F;--6j-accent-light: #8A7A6A;--6j-label: #8A7A6A;--6j-border: #E8E5E0;--6j-border-dark: #D5D0C8;--6j-badge-stock: #5E7A5E;--6j-badge-popular: #6B5B4F;--6j-badge-new: #292724;--6j-badge-lowstock: #C4956A;--6j-badge-soldout: #807C76;--6j-badge-preorder: #5A7A9A;--6j-badge-madetoorder: #807C76;--6j-badge-webonly: #6B5B4F;--6j-success: #5E7A5E;--6j-warning: #C4956A;--6j-error: #B85450;--6j-info: #5A7A9A;--6j-star: #D4A843;--6j-rank-gold: linear-gradient(135deg, #D4A843, #B8932E);--6j-rank-silver: linear-gradient(135deg, #A8A8A8, #8A8A8A);--6j-rank-bronze: linear-gradient(135deg, #CD7F32, #A66528);--6j-font-primary: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;--6j-font-heading: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Meiryo", sans-serif;--6j-font-size-xs: 10px;--6j-font-size-sm: 12px;--6j-font-size-base: 14px;--6j-font-size-md: 16px;--6j-font-size-lg: 18px;--6j-font-size-xl: 22px;--6j-font-size-2xl: 28px;--6j-font-weight-normal: 400;--6j-font-weight-medium: 500;--6j-font-weight-bold: 600;--6j-line-height-tight: 1.3;--6j-line-height-base: 1.5;--6j-line-height-relaxed: 1.7;--6j-letter-spacing-label: .15em;--6j-space-1: 4px;--6j-space-2: 8px;--6j-space-3: 12px;--6j-space-4: 16px;--6j-space-5: 20px;--6j-space-6: 24px;--6j-space-8: 32px;--6j-space-10: 40px;--6j-space-12: 48px;--6j-radius-sm: 0;--6j-radius-base: 0;--6j-radius-md: 0;--6j-radius-lg: 0;--6j-radius-xl: 0;--6j-radius-full: 9999px;--6j-shadow-sm: 0 1px 2px rgba(41, 39, 36, .04);--6j-shadow-base: 0 2px 8px rgba(41, 39, 36, .06);--6j-shadow-md: 0 4px 12px rgba(41, 39, 36, .08);--6j-shadow-lg: 0 8px 24px rgba(41, 39, 36, .12);--6j-transition-fast: .15s ease;--6j-transition-base: .2s ease;--6j-transition-slow: .3s ease;--6j-z-dropdown: 100;--6j-z-sticky: 200;--6j-z-modal-backdrop: 300;--6j-z-modal: 400;--6j-z-toast: 500}.bg-6j{background-color:var(--6j-bg)}.bg-6j-sub{background-color:var(--6j-bg-sub)}.bg-6j-accent{background-color:var(--6j-accent)}.text-6j{color:var(--6j-text)}.text-6j-sub{color:var(--6j-text-sub)}.text-6j-accent{color:var(--6j-accent)}.text-6j-label{color:var(--6j-label)}.border-6j{border-color:var(--6j-border)}.btn-6j-primary{background-color:var(--6j-accent);color:#fff;border:none;padding:var(--6j-space-3) var(--6j-space-6);border-radius:var(--6j-radius-base);font-size:var(--6j-font-size-sm);font-weight:var(--6j-font-weight-medium);cursor:pointer;transition:background-color var(--6j-transition-base)}.btn-6j-primary:hover{background-color:var(--6j-accent-hover)}.btn-6j-outline{background-color:var(--6j-bg);color:var(--6j-accent);border:1px solid var(--6j-accent);padding:var(--6j-space-3) var(--6j-space-6);border-radius:var(--6j-radius-base);font-size:var(--6j-font-size-sm);font-weight:var(--6j-font-weight-medium);cursor:pointer;transition:background-color var(--6j-transition-base)}.btn-6j-outline:hover{background-color:var(--6j-bg-sub)}.badge-6j{display:inline-flex;align-items:center;padding:var(--6j-space-1) var(--6j-space-2);border-radius:var(--6j-radius-sm);font-size:var(--6j-font-size-xs);font-weight:var(--6j-font-weight-medium);color:#fff}.badge-6j-stock{background-color:var(--6j-badge-stock)}.badge-6j-popular{background-color:var(--6j-badge-popular)}.badge-6j-new{background-color:var(--6j-badge-new)}.badge-6j-lowstock{background-color:var(--6j-badge-lowstock)}.badge-6j-soldout{background-color:var(--6j-badge-soldout)}.badge-6j-preorder{background-color:var(--6j-badge-preorder)}.label-6j{font-size:var(--6j-font-size-xs);letter-spacing:var(--6j-letter-spacing-label);color:var(--6j-label);text-transform:uppercase}.card-6j{background-color:var(--6j-bg);border-radius:var(--6j-radius-lg);box-shadow:var(--6j-shadow-sm);overflow:hidden}.input-6j{width:100%;padding:var(--6j-space-3) var(--6j-space-4);border:1px solid var(--6j-border);border-radius:var(--6j-radius-base);font-size:var(--6j-font-size-base);color:var(--6j-text);background-color:var(--6j-bg);transition:border-color var(--6j-transition-base)}.input-6j:focus{outline:none;border-color:var(--6j-accent)}.input-6j::placeholder{color:var(--6j-text-sub)}
/*# sourceMappingURL=/cdn/shop/t/70/assets/6johan-variables.css.map */