:root{--kl-color-paper: #FAF8F2;--kl-color-surface: #FFFFFF;--kl-color-surface-soft: #F3F0E8;--kl-color-ink: #121212;--kl-color-muted: #61564F;--kl-color-line: #DED7CB;--kl-color-wordmark: #2E1D15;--kl-color-bark: #423023;--kl-color-olive: #4F5B3C;--kl-color-olive-soft: #E7EADF;--kl-color-roast: #79472C;--kl-color-roast-hover: #A15E3B;--kl-color-roast-soft: #EFE4DA;--kl-color-charcoal: #272220;--kl-color-white: #FFFFFF;--kl-color-rating: #FFC633;--kl-color-overlay: rgba(39, 34, 32, .62);--kl-color-paper-alpha: rgba(250, 248, 242, .72);--kl-color-surface-alpha: rgba(255, 255, 255, .6);--kl-color-charcoal-alpha: rgba(39, 34, 32, .85);--kl-color-roast-glow: rgba(121, 71, 44, .25);--kl-gradient-hero: linear-gradient(160deg, #FAF8F2 0%, #EFE4DA 40%, #E7EADF 100%);--kl-gradient-dark: linear-gradient(160deg, #272220 0%, #423023 100%);--kl-gradient-warm: linear-gradient(135deg, #FAF8F2, #EFE4DA);--kl-gradient-cta: linear-gradient(135deg, #79472C, #A15E3B);--kl-gradient-olive-accent: linear-gradient(135deg, #4F5B3C, #6B7A4E);--kl-font-display: "Marcellus", Georgia, serif;--kl-font-sans: "Lexend Deca", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--kl-type-display: clamp(40px, 5vw, 60px);--kl-type-h1: clamp(32px, 4vw, 44px);--kl-type-h2: clamp(24px, 3vw, 32px);--kl-type-h3: 22px;--kl-type-h4: 18px;--kl-type-body-lg: 18px;--kl-type-body: 16px;--kl-type-body-sm: 14px;--kl-type-label: 12px;--kl-type-button: 15px;--kl-type-overline: 11px;--kl-weight-regular: 400;--kl-weight-medium: 500;--kl-weight-semibold: 600;--kl-weight-bold: 700;--kl-leading-tight: 1.1;--kl-leading-heading: 1.2;--kl-leading-body: 1.65;--kl-leading-label: 1.3;--kl-tracking-wide: .08em;--kl-tracking-tight: -.02em;--kl-space-1: 4px;--kl-space-2: 8px;--kl-space-3: 12px;--kl-space-4: 16px;--kl-space-5: 24px;--kl-space-6: 32px;--kl-space-7: 48px;--kl-space-8: 64px;--kl-space-9: 96px;--kl-radius-xs: 4px;--kl-radius-sm: 6px;--kl-radius-md: 12px;--kl-radius-lg: 20px;--kl-radius-xl: 28px;--kl-radius-full: 9999px;--kl-shadow-sm: 0 1px 3px rgba(46,29,21,.04), 0 4px 12px rgba(46,29,21,.06);--kl-shadow-md: 0 4px 12px rgba(46,29,21,.06), 0 12px 40px rgba(46,29,21,.1);--kl-shadow-lg: 0 8px 24px rgba(46,29,21,.08), 0 32px 80px rgba(46,29,21,.14);--kl-shadow-glass: 0 8px 32px rgba(46, 29, 21, .08);--kl-shadow-glow-cta: 0 4px 24px rgba(121,71,44,.35);--kl-container-max: 1200px;--kl-gutter: clamp(18px, 4vw, 48px);--kl-duration-fast: .15s;--kl-duration-base: .3s;--kl-ease-standard: cubic-bezier(.4, 0, .2, 1);--kl-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--kl-focus-ring: 2px solid var(--kl-color-roast)}.kl-container{width:min(var(--kl-container-max),calc(100% - var(--kl-gutter) * 2));margin-inline:auto}.kl-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 var(--kl-space-5);border-radius:var(--kl-radius-full);font-family:var(--kl-font-sans);font-size:var(--kl-type-button);font-weight:var(--kl-weight-semibold);line-height:1;cursor:pointer;border:none;text-align:center;transition:background var(--kl-duration-fast) var(--kl-ease-standard),transform var(--kl-duration-fast),box-shadow var(--kl-duration-fast);white-space:nowrap}.kl-btn svg{width:18px;height:18px;flex-shrink:0}.kl-btn-primary{background:var(--kl-color-roast);color:#fff;box-shadow:var(--kl-shadow-glow-cta)}.kl-btn-primary:hover{background:var(--kl-color-roast-hover);transform:translateY(-2px);box-shadow:0 6px 32px #79472c66}.kl-btn-secondary{background:var(--kl-color-surface);color:var(--kl-color-wordmark);border:1px solid var(--kl-color-line);box-shadow:var(--kl-shadow-sm)}.kl-btn-secondary:hover{background:var(--kl-color-surface-soft)}.kl-btn:focus-visible{outline:var(--kl-focus-ring);outline-offset:2px}.kl-kicker{display:inline-block;margin-bottom:var(--kl-space-3);font-family:var(--kl-font-sans);font-size:var(--kl-type-overline);font-weight:var(--kl-weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--kl-color-olive)}.kl-wordmark{font-family:var(--kl-font-display);font-size:24px;letter-spacing:var(--kl-tracking-tight)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/koffyland-design-system.css.map */