:root{--ledge-navy: #26266d;--ledge-orange: #f26822;--ledge-yellow: #ecd444;--ledge-beige: #fff4ec;--ledge-pink: #f8b6bf;--ledge-blue: #a8e0ff;--ledge-orange-ink: #a43e0a;--ledge-orange-ink-strong: #8f3608;--ledge-orange-fill: #c4490c;--ledge-orange-light: #f7873f;--ledge-radius: 1.2rem;--ledge-radius-lg: 1.6rem;--ledge-pill-radius: 999px;--ledge-gap: 1.6rem}.ledge-surface{background-color:var(--ledge-bg);color:var(--ledge-fg)}.ledge-surface--beige{--ledge-bg: #fff4ec;--ledge-fg: #26266d;--ledge-fg-muted: #706c98;--ledge-accent: #a43e0a;--ledge-line: #d8cfd5;--ledge-line-strong: #8883a6}.ledge-surface--navy{--ledge-bg: #26266d;--ledge-fg: #fff4ec;--ledge-fg-muted: #9993b0;--ledge-accent: #ecd444;--ledge-line: #4d4b84;--ledge-line-strong: #9d97b3}.ledge-surface--geel{--ledge-bg: #ecd444;--ledge-fg: #26266d;--ledge-fg-muted: #5f5861;--ledge-accent: #8f3608;--ledge-line: #c8b54b;--ledge-line-strong: #7f745b}.ledge-surface--roze{--ledge-bg: #f8b6bf;--ledge-fg: #26266d;--ledge-fg-muted: #5a4a82;--ledge-accent: #8f3608;--ledge-line: #d29cb0;--ledge-line-strong: #846792}.ledge-surface--blauw{--ledge-bg: #a8e0ff;--ledge-fg: #26266d;--ledge-fg-muted: #4a5a96;--ledge-accent: #a43e0a;--ledge-line: #91bfe5;--ledge-line-strong: #607aaf}.ledge-surface--oranje{--ledge-bg: #c4490c;--ledge-fg: #fff4ec;--ledge-fg-muted: #fff4ec;--ledge-accent: #fff4ec;--ledge-line: #cf6834;--ledge-line-strong: #e4a787}.ledge-surface--wit{--ledge-bg: #ffffff;--ledge-fg: #26266d;--ledge-fg-muted: #7272a0;--ledge-accent: #a43e0a;--ledge-line: #d8d8e5;--ledge-line-strong: #8888af}.ledge-surface :focus-visible{outline:2px solid var(--ledge-fg);outline-offset:3px;border-radius:.4rem}.ledge-tap{min-block-size:4.4rem;min-inline-size:4.4rem}.ledge-bg--navy{background-color:var(--ledge-navy)}.ledge-bg--oranje{background-color:var(--ledge-orange-fill)}.ledge-bg--oranje-merk{background-color:var(--ledge-orange)}.ledge-bg--geel{background-color:var(--ledge-yellow)}.ledge-bg--beige{background-color:var(--ledge-beige)}.ledge-bg--roze{background-color:var(--ledge-pink)}.ledge-bg--blauw{background-color:var(--ledge-blue)}.ledge-bg--wit{background-color:#fff}.ledge-text--navy{color:var(--ledge-navy)}.ledge-text--oranje{color:var(--ledge-orange-ink)}.ledge-text--geel{color:var(--ledge-yellow)}.ledge-text--beige{color:var(--ledge-beige)}.ledge-text--roze{color:var(--ledge-pink)}.ledge-text--blauw{color:var(--ledge-blue)}.ledge-text--wit{color:#fff}.ledge-surface--navy .ledge-text--oranje{color:var(--ledge-orange-light)}.ledge-btn--primary,.ledge-btn--secondary,.ledge-btn--solid{text-transform:none;border-radius:var(--ledge-pill-radius);border-width:1px;border-style:solid;min-block-size:4.4rem;transition:background-color var(--animation-fast),color var(--animation-fast),border-color var(--animation-fast)}.ledge-btn--primary{background-color:var(--ledge-orange-fill);border-color:var(--ledge-orange-fill);color:var(--ledge-beige)}.ledge-btn--primary:hover{background-color:var(--ledge-orange-ink-strong);border-color:var(--ledge-orange-ink-strong)}.ledge-btn--secondary{background-color:transparent;border-color:var(--ledge-fg);color:var(--ledge-fg)}.ledge-btn--secondary:hover{background-color:var(--ledge-fg);color:var(--ledge-bg)}.ledge-btn--solid{background-color:var(--ledge-fg);border-color:var(--ledge-fg);color:var(--ledge-bg)}.ledge-btn--solid:hover{background-color:var(--ledge-fg-muted);border-color:var(--ledge-fg-muted)}@media(prefers-reduced-motion:reduce){.ledge-btn--primary,.ledge-btn--secondary,.ledge-btn--solid{transition:none}}.f-badge--ledge-label{background:var(--ledge-yellow);color:var(--ledge-navy);border-radius:var(--ledge-pill-radius);white-space:normal;max-inline-size:calc(100% - 2.4rem);padding-inline:1.2rem}.ledge-badge{border:0;border-radius:var(--ledge-pill-radius);padding:.4rem 1rem;font-size:1.2rem;line-height:1.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ledge-badge--sale{background:var(--ledge-navy);color:var(--ledge-beige)}.ledge-badge--bestseller{background:var(--ledge-yellow);color:var(--ledge-navy)}.color-scheme-inverse :focus-visible,.color-scheme-inverse .focused,.ledge-surface--navy :focus-visible,.ledge-surface--navy .focused{outline-color:var(--ledge-blue, #a8e0ff)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ledge-brand.css.map */