:root{--color-gold: #D1B35A;--color-gold-light: #DCC276;--color-gold-dark: #B89B42;--color-gold-rich: #C5A750;--color-gold-muted: #A88F48;--color-gold-pale: #E8D399;--color-turquoise: #21E6C1;--color-turquoise-bright: #2DFFD4;--color-turquoise-dark: #19B89A;--color-turquoise-muted: #1FA389;--color-turquoise-deep: #157763;--color-primary-gold: var(--color-gold);--color-primary-gold-light: var(--color-gold-light);--color-primary-turquoise: var(--color-turquoise);--text-primary-on-gold: #0F1113;--bg-base: #121418;--bg-surface: #191C21;--bg-elevated: #1F232A;--bg-hover: #252931;--bg-active: #2A2F38;--bg-glass: rgba(25, 28, 33, .8);--bg-gold-subtle: rgba(209, 179, 90, .06);--bg-turquoise-subtle: rgba(33, 230, 193, .04);--bg-secondary: var(--bg-surface);--grey-950: #0A0B0D;--grey-900: #0F1113;--grey-850: #151719;--grey-800: #1C1E21;--grey-700: #28292E;--grey-600: #3A3C42;--grey-500: #52555E;--grey-400: #6D7179;--grey-300: #8E9199;--grey-200: #B4B7BE;--grey-100: #D8DADF;--grey-50: #EBEDF0;--white: #FFFFFF;--white-soft: #F8F9FA;--white-dim: rgba(255, 255, 255, .95);--white-dimmer: rgba(255, 255, 255, .85);--white-muted: rgba(255, 255, 255, .65);--white-subtle: rgba(255, 255, 255, .45);--white-ghost: rgba(255, 255, 255, .12);--black: #000000;--black-soft: #0A0A0A;--black-overlay-heavy: rgba(0, 0, 0, .9);--black-overlay-strong: rgba(0, 0, 0, .75);--black-overlay-medium: rgba(0, 0, 0, .5);--black-overlay-light: rgba(0, 0, 0, .3);--black-overlay-subtle: rgba(0, 0, 0, .15);--color-success: #19B89A;--color-success-light: #21E6C1;--color-success-bg: rgba(25, 184, 154, .1);--color-success-border: rgba(25, 184, 154, .3);--color-error: #E84545;--color-error-light: #FF6B6B;--color-error-bg: rgba(232, 69, 69, .1);--color-error-border: rgba(232, 69, 69, .3);--color-warning: #DCC276;--color-warning-dark: #D1B35A;--color-warning-bg: rgba(209, 179, 90, .1);--color-warning-border: rgba(209, 179, 90, .3);--color-info: #8E9199;--color-info-light: #B4B7BE;--color-info-bg: rgba(142, 145, 153, .1);--color-info-border: rgba(142, 145, 153, .3);--text-primary: var(--white);--text-secondary: var(--white-dimmer);--text-tertiary: var(--white-muted);--text-disabled: var(--white-subtle);--text-gold: var(--color-gold);--text-gold-light: var(--color-gold-light);--text-turquoise: var(--color-turquoise);--text-link: var(--color-turquoise);--text-link-hover: var(--color-turquoise-bright);--text-on-gold: #0F1113;--text-on-turquoise: #0A0B0D;--text-on-white: #0F1113;--text-primary-on-dark: var(--white);--text-secondary-on-dark: var(--white-dimmer);--text-tertiary-on-dark: var(--white-muted);--text-gold-on-dark: var(--color-gold);--text-link-on-dark: var(--color-turquoise);--text-link-hover-on-dark: var(--color-turquoise-bright);--border-subtle: var(--white-ghost);--border-default: rgba(255, 255, 255, .18);--border-strong: rgba(255, 255, 255, .3);--border-gold: rgba(209, 179, 90, .5);--border-gold-solid: var(--color-gold);--border-turquoise: rgba(33, 230, 193, .5);--border-turquoise-solid: var(--color-turquoise);--border-focus: var(--color-gold);--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--gradient-gold-luxury: linear-gradient(135deg, #B89B42 0%, #D1B35A 50%, #DCC276 100%);--gradient-turquoise-urban: linear-gradient(135deg, #157763 0%, #19B89A 30%, #21E6C1 70%, #2DFFD4 100%);--gradient-hero-dark: linear-gradient(135deg, #0A0B0D 0%, #121418 50%, #191C21 100%);--gradient-gold-fade: linear-gradient(180deg, rgba(209, 179, 90, 0) 0%, rgba(209, 179, 90, .1) 100%);--gradient-mesh-luxury: radial-gradient(at 0% 0%, rgba(209, 179, 90, .15) 0%, transparent 50%), radial-gradient(at 100% 100%, rgba(33, 230, 193, .08) 0%, transparent 50%), radial-gradient(at 50% 0%, rgba(255, 255, 255, .02) 0%, transparent 50%);--gradient-border-gold: var(--gradient-gold-luxury);--shadow-none: none;--shadow-xs: 0 1px 4px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .7);--shadow-2xl: 0 24px 60px rgba(0, 0, 0, .8);--shadow-gold-subtle: 0 0 20px rgba(209, 179, 90, .2);--shadow-gold-medium: 0 0 30px rgba(209, 179, 90, .4);--shadow-gold-strong: 0 0 40px rgba(209, 179, 90, .6);--shadow-turquoise-subtle: 0 0 20px rgba(33, 230, 193, .2);--shadow-turquoise-medium: 0 0 30px rgba(33, 230, 193, .4);--shadow-turquoise-strong: 0 0 40px rgba(33, 230, 193, .6);--shadow-luxury-primary: 0 8px 32px rgba(0, 0, 0, .7), 0 0 24px rgba(209, 179, 90, .3);--shadow-luxury-hover: 0 16px 48px rgba(0, 0, 0, .8), 0 0 40px rgba(209, 179, 90, .4);--shadow-luxury-turquoise: 0 8px 32px rgba(0, 0, 0, .7), 0 0 24px rgba(33, 230, 193, .3);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--paragraph-spacing: 1rem;--list-item-spacing: .5rem;--section-spacing-mobile: 3rem;--section-spacing-tablet: 4rem;--section-spacing-desktop: 6rem;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Playfair Display", Georgia, serif;--font-display-luxury: "Playfair Display", Georgia, serif;--font-display-street: "Bebas Neue", "Arial Black", Impact, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-hero: var(--font-display-luxury);--font-heading: var(--font-display-luxury);--font-subheading: var(--font-primary);--font-body: var(--font-primary);--font-button: var(--font-primary);--font-caption: var(--font-primary);--font-price: var(--font-mono);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--font-size-5xl: 4.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--line-height-loose: 1.8;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-full: 9999px;--radius-button: 0;--radius-input: 0;--radius-card: 0;--radius-badge: 0;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: var(--duration-fast) var(--ease-default);--transition-base: var(--duration-normal) var(--ease-default);--transition-slow: var(--duration-slow) var(--ease-default);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-15: .15;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-max: 1440px;--content-narrow: 540px;--content-standard: 720px;--content-wide: 960px;--content-reading-optimal: 680px;--content-hero-text: 800px;--sidebar-narrow: 240px;--sidebar-standard: 280px;--sidebar-wide: 320px;--sidebar-gap: 2rem;--grid-gutter-sm: 1rem;--grid-gutter-md: 1.5rem;--grid-gutter-lg: 2rem;--grid-auto-fit-sm: repeat(auto-fit, minmax(200px, 1fr));--grid-auto-fit-md: repeat(auto-fit, minmax(280px, 1fr));--grid-auto-fit-lg: repeat(auto-fit, minmax(360px, 1fr));--grid-products-mobile: 1;--grid-products-sm: 2;--grid-products-md: 3;--grid-products-lg: 4;--grid-features: repeat(auto-fit, minmax(240px, 1fr));--grid-gallery: repeat(auto-fit, minmax(200px, 1fr));--layout-sidebar-left: 280px 1fr;--layout-sidebar-right: 1fr 280px;--container-narrow: 640px;--container-standard: 1024px;--container-wide: 1280px;--container-padding: 20px;--container-padding-sm: 20px;--container-padding-md: 36px;--container-padding-lg: 48px;--container-padding-xl: 60px;--container-padding-mobile: 20px;--container-padding-tablet: 36px;--container-padding-desktop: 48px;--btn-padding-sm: 10px 20px;--btn-padding-md: 14px 32px;--btn-padding-lg: 18px 48px;--btn-font-size-sm: .75rem;--btn-font-size-md: .875rem;--btn-font-size-lg: 1rem;--btn-height-sm: 36px;--btn-height-md: 44px;--btn-height-lg: 52px;--input-padding: 14px 16px;--input-height: 44px;--input-font-size: .875rem;--input-border-width: 1px;--input-focus-ring: 0 0 0 3px rgba(209, 179, 90, .15);--card-padding: 24px;--card-border-width: 1px;--card-radius: var(--radius-none);--icon-2xs: 12px;--icon-xs: 16px;--icon-sm: 20px;--icon-md: 24px;--icon-lg: 32px;--icon-xl: 40px;--icon-2xl: 48px;--icon-3xl: 64px;--badge-padding: 6px 12px;--badge-font-size: .625rem;--badge-font-weight: 700;--badge-letter-spacing: .1em;--aspect-square: 1 / 1;--aspect-video: 16 / 9;--aspect-portrait: 3 / 4;--aspect-landscape: 4 / 3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);background-color:var(--bg-base);min-height:100vh}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-gold{color:var(--text-gold)}.text-gold-light{color:var(--text-gold-light)}.text-turquoise{color:var(--text-turquoise)}.bg-base{background-color:var(--bg-base)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.bg-gold-subtle{background-color:var(--bg-gold-subtle)}.bg-turquoise-subtle{background-color:var(--bg-turquoise-subtle)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.icon{display:inline-block;vertical-align:middle;width:var(--icon-md);height:var(--icon-md);fill:currentColor}.icon--2xs{width:var(--icon-2xs);height:var(--icon-2xs)}.icon--xs{width:var(--icon-xs);height:var(--icon-xs)}.icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.icon--md{width:var(--icon-md);height:var(--icon-md)}.icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.icon--xl{width:var(--icon-xl);height:var(--icon-xl)}.icon--2xl{width:var(--icon-2xl);height:var(--icon-2xl)}.icon--3xl{width:var(--icon-3xl);height:var(--icon-3xl)}.icon--primary{color:var(--text-primary)}.icon--gold{color:var(--color-gold)}.icon--turquoise{color:var(--color-turquoise)}.icon--success{color:var(--color-success)}.icon--error{color:var(--color-error)}.icon--warning{color:var(--color-warning)}.image{display:block;width:100%;height:auto}.image-container{position:relative;overflow:hidden;width:100%}.image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-container--square{aspect-ratio:1 / 1}.image-container--landscape{aspect-ratio:4 / 3}.image-container--portrait{aspect-ratio:3 / 4}.image-container--wide{aspect-ratio:16 / 9}.image--hover-scale{transition:transform var(--duration-normal) var(--ease-default)}.image--hover-scale:hover{transform:scale(1.05)}.image--hover-lift{transition:all var(--duration-normal) var(--ease-default)}.image--hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.image--bordered{border:1px solid var(--border-default)}.image--bordered-gold{border:2px solid var(--border-gold-solid)}.divider{border:none;border-top:1px solid var(--border-default);margin:var(--space-6) 0}.divider--hairline{border-top-width:1px}.divider--medium{border-top-width:2px}.divider--thick{border-top-width:3px}.divider--dashed{border-top-style:dashed}.divider--dotted{border-top-style:dotted}.divider--double{border-top-style:double;border-top-width:3px}.divider--gold{border-top-color:var(--border-gold-solid)}.divider--gold-subtle{border-top-color:var(--border-gold)}.divider--turquoise{border-top-color:var(--border-turquoise-solid)}.divider--section-sm{margin:var(--space-8) 0}.divider--section-md{margin:var(--space-12) 0}.divider--section-lg{margin:var(--space-16) 0}.divider-text{display:flex;align-items:center;text-align:center;margin:var(--space-6) 0;color:var(--text-tertiary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.divider-text:before,.divider-text:after{content:"";flex:1;border-top:1px solid var(--border-default)}.divider-text span{padding:0 var(--space-4)}.divider-text--gold{color:var(--text-gold)}.divider-text--gold:before,.divider-text--gold:after{border-top-color:var(--border-gold)}.divider-text--thick:before,.divider-text--thick:after{border-top-width:2px}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-default) 50%,transparent 100%);margin:var(--space-6) 0}.divider-gradient--gold{background:linear-gradient(90deg,transparent 0%,var(--color-gold) 50%,transparent 100%)}.divider-gradient--dual{background:linear-gradient(90deg,var(--color-gold) 0%,var(--color-turquoise) 100%)}@media (max-width: 640px){:root{--space-section: var(--space-12);--container-padding: 20px}html{font-size:15px}}@media (min-width: 641px) and (max-width: 1024px){:root{--space-section: var(--space-16);--container-padding: 36px}}@media (min-width: 1025px){:root{--space-section: var(--space-24);--container-padding: 48px}}@media (min-width: 1440px){:root{--container-padding: 60px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#000}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/design-tokens.css.map */