:root{--color-primary: #127059;--color-primary-light: #1A8F6F;--color-primary-dark: #0D5342;--color-primary-50: #E6F2ED;--color-primary-100: #CCE5DC;--color-primary-200: #99CBB9;--color-primary-300: #66B196;--color-primary-400: #339773;--color-primary-500: #127059;--color-primary-600: #0E5A47;--color-primary-700: #0B4335;--color-primary-800: #072D24;--color-primary-900: #041612;--color-accent: #D4AF37;--color-accent-light: #E6C67A;--color-accent-dark: #B8952B;--color-accent-text: #3D2914;--color-accent-50: #FAF6E8;--color-accent-100: #F5EDD1;--color-accent-200: #EBDBA3;--color-accent-300: #E1C975;--color-accent-400: #D7B747;--color-accent-500: #D4AF37;--color-accent-600: #B8952B;--color-neutral-50: #FAFAF9;--color-neutral-100: #F5F5F5;--color-neutral-200: #E8E6E3;--color-neutral-300: #D8D6D3;--color-neutral-400: #B8B6B3;--color-neutral-500: #8F8D8A;--color-neutral-600: #6E6C69;--color-neutral-700: #4A4846;--color-neutral-800: #2D2B29;--color-neutral-900: #1A1918;--color-midnight-teal: #051F1A;--color-forest-teal: #0A3D32;--color-darker-teal: #0D5244;--gradient-hero: linear-gradient(135deg, #0A3D32 0%, #0D5244 50%, #127059 100%);--gradient-hero-radial: radial-gradient(ellipse at center, #127059 0%, #0A3D32 50%, #051F1A 100%);--color-success: #127059;--color-error: #DC2626;--color-warning: #F59E0B;--color-info: #3B82F6;--font-heading: "Noto Serif Display", Georgia, Cambria, "Times New Roman", serif;--font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(18, 112, 89, .05);--shadow-md: 0 4px 16px 0 rgba(18, 112, 89, .1);--shadow-lg: 0 8px 24px 0 rgba(18, 112, 89, .12);--shadow-xl: 0 12px 32px 0 rgba(18, 112, 89, .15);--shadow-gold: 0 4px 16px 0 rgba(212, 175, 55, .25);--header-height-mobile: 64px;--header-height-desktop: 90px;--ease-premium: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--skc-color-primary-rgb: 18, 112, 89;--skc-color-accent-rgb: 212, 175, 55;--skc-color-text-rgb: 26, 25, 24;--skc-color-background-rgb: 250, 250, 249;--skc-color-white-rgb: 255, 255, 255;--skc-color-black-rgb: 0, 0, 0;--skc-font-heading: "Noto Serif Display", Georgia, serif;--skc-font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif;--skc-gold-accent: #D4AF37;--skc-primary-green: #127059}:root,*,*:before,*:after{color-scheme:light only}html{color-scheme:light only;background-color:#fff;scroll-behavior:smooth;overflow-x:hidden}body{color-scheme:light only;background-color:#fff;color:var(--color-neutral-900);font-family:var(--font-body);font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-primary);line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,1.5rem + 5vw,4.5rem)}h2{font-size:clamp(2rem,1.25rem + 3.75vw,3.75rem)}h3{font-size:clamp(1.75rem,1.125rem + 3.125vw,3rem)}h4{font-size:clamp(1.5rem,1rem + 2.5vw,2.25rem)}h5{font-size:clamp(1.25rem,.875rem + 1.875vw,1.875rem)}h6{font-size:clamp(1.125rem,1rem + .625vw,1.25rem)}p,li{font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.7}a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .2s var(--ease-premium)}a:hover{color:var(--color-primary-dark)}::selection{background-color:var(--color-accent-light);color:var(--color-neutral-900)}.btn,.button,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-lg);font-family:var(--font-body);font-weight:600;border:none;cursor:pointer;transition:all .3s var(--ease-premium);padding:.75rem 1.5rem;font-size:1rem;text-decoration:none}.btn:hover,.button:hover{transform:translateY(-2px)}.btn:active,.button:active{transform:translateY(0)}.btn--primary,.button--primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover,.button--primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);color:#fff}.btn--accent,.button--accent{background-color:var(--color-accent);color:var(--color-accent-text, #3D2914);box-shadow:var(--shadow-gold)}.btn--accent:hover,.button--accent:hover{background-color:var(--color-accent-dark);color:var(--color-accent-text, #3D2914)}.btn--secondary,.button--secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-900);border:1px solid var(--color-neutral-300)}.btn--secondary:hover,.button--secondary:hover{background-color:var(--color-neutral-200)}.btn--outline,.button--outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--outline:hover,.button--outline:hover{background-color:#1270590d}.card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-neutral-100);transition:all .3s var(--ease-premium)}.card--elevated{box-shadow:var(--shadow-lg)}.card--bordered{box-shadow:none;border:2px solid var(--color-neutral-200)}.card--glass{background-color:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg)}.card--hoverable:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #12705926,0 10px 10px -5px #1270590a}@media (max-width: 768px){.btn,.button,button[type=submit]{min-height:48px;padding:.875rem 1.5rem}button,a[role=button],input[type=submit],input[type=button]{min-height:44px;min-width:44px}}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-white{color:#fff}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-white{background-color:#fff}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-gold{box-shadow:var(--shadow-gold)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/skinclarity-variables.css.map */