:root{--color-primary: #00875A;--color-primary-hover: #00734B;--color-primary-active: #005F3E;--color-primary-subtle: rgba(0, 135, 90, .12);--color-on-primary: #FFFFFF;--color-accent: #A8FA46;--color-accent-hover: #97E63A;--color-on-accent: #0F172A;--color-secondary: #1F4E79;--color-secondary-hover: #1A4064;--color-success: #16A34A;--color-danger: #DC2626;--color-warning: #D97706;--color-info: #2563EB;--color-trustpilot: #00B67A;--color-neutral-900: #0F172A;--color-neutral-800: #1E293B;--color-neutral-700: #334155;--color-neutral-500: #6B7280;--color-neutral-300: #D1D5DB;--color-neutral-200: #E5E7EB;--color-neutral-100: #F4F5F7;--color-neutral-50: #F9FAFB;--color-white: #FFFFFF;--color-surface: var(--color-white);--color-surface-elevated: #FCFCFD;--color-surface-muted: var(--color-neutral-100);--color-surface-inverse: var(--color-neutral-900);--color-on-inverse: var(--color-white);--color-on-inverse-muted: rgba(255, 255, 255, .72);--color-text: var(--color-neutral-900);--color-text-muted: var(--color-neutral-500);--color-text-inverse: var(--color-on-inverse);--color-border: var(--color-neutral-200);--color-border-subtle: var(--color-neutral-100);--font-primary: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--line-height-tight: 1.2;--line-height-base: 1.5;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .25rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-hover: 0 4px 8px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-elevated: 0 10px 20px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--ease-out: cubic-bezier(.16, 1, .3, 1);--bp-mobile: 767px;--bp-tablet: 1023px;--bp-desktop: 1439px;--container-max: 1440px;--container-narrow: 1024px;--gutter: clamp(16px, 4vw, 48px);--z-base: 1;--z-sticky: 100;--z-overlay: 500;--z-modal: 1000}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sykell-design-tokens.css.map */