/*!
 * RBF Cosmetics — Design Tokens
 * ------------------------------------------------------------------
 * Single source of truth for every colour, type, spacing, radius,
 * shadow, motion and z-index value used by new RBF components.
 *
 * NAMESPACE: every token is prefixed --rbf- so it can never collide
 * with the legacy Bootstrap tokens (--bs-*) still used by theme.css,
 * or with the theme's own generated tokens (--gsp-*) produced by
 * snippets/stylesheet.liquid. Both layers coexist during the
 * incremental rebuild — this file does not (and must not) redeclare
 * or override --bs-* or --gsp-* variables.
 *
 * FONT FAMILY NOTE: --rbf-font-heading / --rbf-font-body deliberately
 * reference the theme's existing --gsp-heading-font-family /
 * --gsp-body-font-family variables rather than hard-coding "Manrope"
 * or "Inter" as string literals. Those --gsp-* variables are already
 * generated dynamically by snippets/stylesheet.liquid from the
 * theme's native font_picker / custom-font settings (Theme Settings
 * → Typography). This means the actual brand fonts are a CONTENT
 * decision made in the theme editor, not something hard-coded here —
 * see the Font Loading Strategy note in the build log for the exact
 * settings that need Manrope + Inter uploaded/selected.
 * ------------------------------------------------------------------
 */:root{--rbf-color-navy: #18335D;--rbf-color-blue: #2F6EBE;--rbf-color-sky: #D8ECFC;--rbf-color-white: #F8FBFE;--rbf-color-surface: #FFFFFF;--rbf-color-slate: #667085;--rbf-color-success: #39A96B;--rbf-color-error: #E5484D;--rbf-color-error-text: #C23D41;--rbf-color-success-text: #27764A;--rbf-overlay-scrim: rgba(24, 51, 93, .6);--rbf-border-subtle: rgba(102, 112, 133, .2);--rbf-tint-info: rgba(47, 110, 190, .08);--rbf-disabled-fill: rgba(102, 112, 133, .4);--rbf-color-text: var(--rbf-color-navy);--rbf-color-text-muted: var(--rbf-color-slate);--rbf-color-text-inverse: var(--rbf-color-white);--rbf-color-bg: var(--rbf-color-white);--rbf-color-bg-inverse: var(--rbf-color-navy);--rbf-color-surface-callout: var(--rbf-color-sky);--rbf-color-action: var(--rbf-color-blue);--rbf-color-action-hover: var(--rbf-color-navy);--rbf-color-border: var(--rbf-border-subtle);--rbf-color-focus-ring: var(--rbf-color-blue);--rbf-color-text-muted-on-callout: #5B6477;--rbf-font-heading: var(--gsp-heading-font-family, "Manrope", sans-serif);--rbf-font-body: var(--gsp-body-font-family, "Inter", sans-serif);--rbf-fs-display: 4.5rem;--rbf-fs-h1: 3rem;--rbf-fs-h2: 2.25rem;--rbf-fs-h3: 1.625rem;--rbf-fs-h4: 1.25rem;--rbf-fs-product-title-pdp: 1.75rem;--rbf-fs-product-title-card: 1rem;--rbf-fs-nav: .9375rem;--rbf-fs-body: 1rem;--rbf-fs-body-lg: 1.125rem;--rbf-fs-small: .8125rem;--rbf-fs-button: .9375rem;--rbf-fs-founder-quote: 1.75rem;--rbf-lh-display: 1.05;--rbf-lh-h1: 1.1;--rbf-lh-h2: 1.15;--rbf-lh-h3: 1.2;--rbf-lh-h4: 1.25;--rbf-lh-body: 1.6;--rbf-lh-small: 1.5;--rbf-lh-founder-quote: 1.35;--rbf-ls-display: -.02em;--rbf-ls-heading: -.01em;--rbf-ls-nav: .02em;--rbf-ls-small: .01em;--rbf-max-width-reading: 45rem;--rbf-max-width-body-line: 40rem;--rbf-fs-display-mobile: 2.5rem;--rbf-fs-h1-mobile: 2rem;--rbf-fs-h2-mobile: 1.625rem;--rbf-fs-h3-mobile: 1.25rem;--rbf-space-1: .25rem;--rbf-space-2: .5rem;--rbf-space-3: .75rem;--rbf-space-4: 1rem;--rbf-space-5: 1.5rem;--rbf-space-6: 2rem;--rbf-space-7: 3rem;--rbf-space-8: 4rem;--rbf-space-9: 6rem;--rbf-space-10: 8rem;--rbf-section-padding-y: var(--rbf-space-8);--rbf-section-padding-y-desktop: var(--rbf-space-9);--rbf-container-padding-x: var(--rbf-space-5);--rbf-container-padding-x-desktop: var(--rbf-space-6);--rbf-grid-gutter: var(--rbf-space-5);--rbf-grid-gutter-desktop: var(--rbf-space-6);--rbf-container-max: 1200px;--rbf-container-max-lg: 1400px;--rbf-breakpoint-mobile-max: 749px;--rbf-breakpoint-tablet-min: 750px;--rbf-breakpoint-tablet-max: 1199px;--rbf-breakpoint-desktop-min: 1200px;--rbf-breakpoint-desktop-lg-min: 1440px;--rbf-radius-sm: 4px;--rbf-radius-md: 8px;--rbf-radius-lg: 16px;--rbf-radius-full: 999px;--rbf-shadow-sm: 0 2px 8px rgba(24, 51, 93, .06);--rbf-shadow-md: 0 8px 24px rgba(24, 51, 93, .12);--rbf-shadow-lg: 0 16px 40px rgba(24, 51, 93, .16);--rbf-duration-fast: .15s;--rbf-duration-base: .2s;--rbf-duration-moderate: .3s;--rbf-duration-slow: .5s;--rbf-duration-slower: .6s;--rbf-ease-out: cubic-bezier(.16, 1, .3, 1);--rbf-ease-in-out: cubic-bezier(.65, 0, .35, 1);--rbf-ease-standard: ease-out;--rbf-transition-color: color var(--rbf-duration-fast) var(--rbf-ease-standard), background-color var(--rbf-duration-fast) var(--rbf-ease-standard), border-color var(--rbf-duration-fast) var(--rbf-ease-standard);--rbf-transition-shadow: box-shadow var(--rbf-duration-base) var(--rbf-ease-standard);--rbf-transition-transform: transform var(--rbf-duration-base) var(--rbf-ease-out);--rbf-z-dropdown: 1200;--rbf-z-sticky-header: 1210;--rbf-z-mega-menu: 1220;--rbf-z-drawer-scrim: 1230;--rbf-z-drawer: 1240;--rbf-z-modal-scrim: 1250;--rbf-z-modal: 1260;--rbf-z-toast: 1270;--rbf-z-skip-link: 1280}@media(min-width:750px){:root{--rbf-container-padding-x: var(--rbf-container-padding-x-desktop)}}@media(min-width:1200px){:root{--rbf-section-padding-y: var(--rbf-section-padding-y-desktop);--rbf-grid-gutter: var(--rbf-grid-gutter-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/rbf-tokens.css.map */