:root{--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body{--global-bg-deep: var(--monarch-bg-deep);--global-bg-surface: var(--monarch-bg-surface);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--text-primary);background:linear-gradient(180deg,var(--global-bg-deep) 0%,var(--global-bg-surface) 100%);background-attachment:fixed;line-height:var(--line-height-base);min-height:100vh}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-md)}.grid-balance{width:100%;margin:0 auto;--grid-balance-columns: var(--grid-balance-columns-mobile, 1);max-width:calc((var(--grid-balance-card-width, 280px) * var(--grid-balance-columns)) + (var(--grid-balance-gap, 24px) * (var(--grid-balance-columns) - 1)))}@media (min-width: 640px){.grid-balance{--grid-balance-columns: var(--grid-balance-columns-tablet, var(--grid-balance-columns))}}@media (min-width: 1024px){.grid-balance{--grid-balance-columns: var(--grid-balance-columns-desktop, var(--grid-balance-columns))}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--line-height-tight);font-weight:700}h1{font-size:clamp(var(--font-size-2xl),5vw,var(--font-size-4xl))}h2{font-size:clamp(var(--font-size-xl),4vw,var(--font-size-3xl))}h3{font-size:clamp(var(--font-size-lg),3vw,var(--font-size-2xl))}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}.brand-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-xs);text-shadow:2px 2px 4px var(--text-shadow)}.tagline{font-size:var(--font-size-base);font-weight:300;opacity:.95}@media (min-width: 768px){.header{padding:var(--space-lg) 0}.brand-title{font-size:var(--font-size-4xl)}.tagline{font-size:var(--font-size-lg)}}.hero{background-color:var(--monarch-black);color:var(--monarch-primary);padding:var(--space-md) 0;text-align:center}.hero-content h2{font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:var(--space-sm);color:var(--monarch-primary)}.hero-content p{font-size:var(--font-size-base);opacity:.9;max-width:600px;margin:0 auto;padding:0 var(--space-sm)}@media (min-width: 768px){.hero{padding:var(--space-lg) 0}.hero-content h2{font-size:var(--font-size-2xl)}.hero-content p{font-size:var(--font-size-lg);padding:0}}.palette-section{padding:var(--space-lg) 0}.palette-section.alt-bg{background-color:var(--bg-alternate)}.section-title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-xs);text-align:center}.section-desc{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-md);font-size:var(--font-size-base)}@media (min-width: 768px){.section-title{font-size:var(--font-size-2xl)}}.color-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-top:var(--space-md)}.primary-grid{grid-template-columns:1fr}@media (min-width: 640px){.color-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.primary-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.color-grid{grid-template-columns:repeat(auto-fit,minmax(calc(var(--space-base) * 35),1fr))}.primary-grid{grid-template-columns:repeat(auto-fit,minmax(calc(var(--space-base) * 40),1fr))}}.color-card{background:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-base);transition:all var(--transition-base);cursor:pointer}.color-card:hover{transform:translateY(calc(var(--space-base) * -.5));box-shadow:var(--shadow-md)}@media (hover: hover){.color-card:hover{transform:translateY(calc(var(--space-base) * -.5));box-shadow:var(--shadow-lg)}}.color-swatch{height:calc(var(--space-base) * 22.5);position:relative}.primary-grid .color-swatch{height:calc(var(--space-base) * 27.5)}.color-info{padding:var(--space-md);background:var(--bg-card)}.color-info h4{font-family:var(--font-heading);font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--text-primary)}.color-code{display:inline-block;font-family:var(--font-body);font-size:var(--font-size-sm);background:var(--monarch-gray-light);padding:calc(var(--space-base) * .5) calc(var(--space-base) * 1.5);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);font-weight:var(--font-weight-semibold)}.color-use{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.primary-pink{background-color:var(--monarch-primary)}.soft-black{background-color:var(--monarch-black)}.warm-white{background-color:var(--monarch-primary);border:1px solid var(--border-color)}.medium-gray{background-color:var(--monarch-gray)}.light-gray{background-color:var(--monarch-gray-light)}.soft-lavender{background-color:var(--monarch-lavender)}.blush-pink{background-color:var(--monarch-primary)}.success-green{background-color:var(--monarch-success)}.error-red{background-color:var(--monarch-error)}.warning-amber{background-color:var(--monarch-warning)}.components-section{padding:var(--space-lg) 0;background:linear-gradient(to bottom,var(--monarch-primary) 0%,var(--monarch-primary) 100%)}.component-showcase{margin-top:var(--space-lg)}.component-group{margin-bottom:var(--space-lg)}.component-group h4{font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--text-primary)}.button-group{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-start}.btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-weight:500;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-body);display:inline-block;text-align:center;text-decoration:none;line-height:1.2}.btn-sm{padding:calc(var(--space-sm) * .75) var(--space-sm);font-size:var(--font-size-sm)}.btn-lg{padding:calc(var(--space-sm) * 1.25) calc(var(--space-md) * 1.25);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--color-cta);color:var(--color-button-text)}.btn-primary:hover,.btn-primary:focus{background-color:var(--color-cta-hover);color:var(--color-button-text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--color-black);border:2px solid var(--color-black)}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--color-black);color:var(--color-button-text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.monarch-hero__btn{display:inline-block;padding:calc(var(--space-base) * 1) calc(var(--space-base) * 6.5);font-size:calc(var(--font-size-base) * 1.125);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:calc(var(--radius-base) * 3.75);transition:all var(--transition-base);cursor:pointer;text-align:center;min-width:calc(var(--space-base) * 25);box-shadow:0 calc(var(--space-base) * .25) calc(var(--space-base) * .5) var(--black-alpha-12),0 calc(var(--space-base) * .5) calc(var(--space-base) * 1) var(--black-alpha-08),0 var(--space-base) calc(var(--space-base) * 2) var(--black-alpha-06)}.monarch-hero__btn--primary{background-color:var(--color-cta);color:var(--color-button-text);border:2px solid var(--color-cta)}.monarch-hero__btn--primary:hover,.monarch-hero__btn--primary:focus-visible{background-color:var(--color-cta-hover);border-color:var(--color-cta-hover);color:var(--color-button-text);transform:translateY(-2px);box-shadow:0 calc(var(--space-base) * .5) calc(var(--space-base) * 1) var(--hero-cta-shadow-25),0 var(--space-base) calc(var(--space-base) * 2) var(--hero-cta-shadow-20),0 calc(var(--space-base) * 1.5) calc(var(--space-base) * 3) var(--hero-cta-shadow-15),0 calc(var(--space-base) * 2) calc(var(--space-base) * 4) var(--hero-cta-shadow-10)}.monarch-hero__btn--secondary{background-color:transparent;color:var(--color-secondary-hover);border:2px solid var(--color-secondary-hover)}.monarch-hero__btn--secondary:hover,.monarch-hero__btn--secondary:focus-visible{background-color:var(--color-secondary-hover);color:var(--color-button-text);transform:translateY(-2px);box-shadow:0 calc(var(--space-base) * .5) calc(var(--space-base) * 1) var(--black-hover-alpha-20),0 var(--space-base) calc(var(--space-base) * 2) var(--black-hover-alpha-15),0 calc(var(--space-base) * 1.5) calc(var(--space-base) * 3) var(--black-hover-alpha-10),0 calc(var(--space-base) * 2) calc(var(--space-base) * 4) var(--black-hover-alpha-05)}.btn-outline{background-color:transparent;color:var(--monarch-cta);border:2px solid var(--monarch-cta)}.btn-outline:hover,.btn-outline:focus{background-color:var(--monarch-cta);color:var(--monarch-primary);transform:translateY(-2px)}.btn:focus{outline:3px solid var(--monarch-focus);outline-offset:2px}@media (min-width: 768px){.button-group{justify-content:flex-start}}.card-group{display:grid;grid-template-columns:1fr;gap:var(--space-sm);max-width:100%}@media (min-width: 640px){.card-group{grid-template-columns:repeat(2,1fr);gap:var(--space-md);max-width:600px}}.product-card{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-base);transition:all var(--transition-base);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card:focus-within{outline:3px solid var(--monarch-focus);outline-offset:2px}.product-image{height:200px;background:linear-gradient(135deg,var(--monarch-lavender) 0%,var(--monarch-primary) 100%);position:relative}.product-info{padding:var(--space-sm);flex-grow:1;display:flex;flex-direction:column}.product-info h5{font-family:var(--font-heading);font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--text-primary)}.price{font-size:var(--font-size-xl);font-weight:600;color:var(--monarch-cta);margin-bottom:var(--space-sm)}@media (min-width: 768px){.product-info{padding:var(--space-md)}}.badge{display:inline-block;padding:calc(var(--space-xs) * .75) var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;border-radius:var(--radius-sm);letter-spacing:var(--letter-spacing-wider)}.badge-sale{background-color:var(--monarch-lavender);color:var(--monarch-black)}.badge-new{background-color:var(--monarch-cta);color:var(--monarch-primary)}.badge-limited{background-color:var(--monarch-error);color:var(--monarch-primary)}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-base);margin-bottom:var(--space-sm);display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-base);border-left-width:4px;border-left-style:solid}.alert-icon{font-size:var(--font-size-lg);font-weight:700;flex-shrink:0}.alert-content{flex-grow:1}.alert-success{background-color:var(--success-bg);color:var(--monarch-success);border-left-color:var(--monarch-success)}.alert-warning{background-color:var(--warning-bg);color:var(--warning-text);border-left-color:var(--monarch-warning)}.alert-error{background-color:var(--error-bg);color:var(--monarch-error);border-left-color:var(--monarch-error)}.input{flex:1;padding:var(--space-sm);font-size:var(--font-size-base);border:2px solid var(--border-color);border-radius:var(--radius-base);font-family:var(--font-body);transition:all var(--transition-fast);width:100%;background-color:var(--bg-white)}.input:focus{outline:none;border-color:var(--monarch-primary);box-shadow:0 0 0 3px var(--monarch-focus)}.input:hover{border-color:var(--monarch-gray)}.input::placeholder{color:var(--monarch-gray);opacity:.7}.input-sm{padding:calc(var(--space-sm) * .75);font-size:var(--font-size-sm)}.input-lg{padding:calc(var(--space-sm) * 1.25);font-size:var(--font-size-lg)}.input-error{border-color:var(--monarch-error)}.input-success{border-color:var(--monarch-success)}.usage-section{padding:var(--space-lg) 0;background-color:var(--monarch-primary)}.combination-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-top:var(--space-md);align-items:stretch}@media (min-width: 1024px){.combination-grid{grid-template-columns:repeat(4,1fr)}}.combination{display:flex;flex-direction:column;height:100%}.combo-preview{border-radius:var(--radius-base);overflow:hidden;box-shadow:var(--shadow-base);height:100%;display:flex;flex-direction:column}.combo-bg{padding:var(--space-lg) var(--space-md);text-align:center;font-weight:600;font-size:var(--font-size-base)}@media (min-width: 768px){.combo-bg{font-size:var(--font-size-lg)}}.footer{background-color:var(--monarch-black);color:var(--monarch-primary);padding:var(--space-md) 0;text-align:center}.footer-colors{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm)}.footer-color{width:30px;height:30px;border-radius:50%;border:2px solid var(--monarch-primary)}.toast{position:fixed;bottom:var(--space-md);right:var(--space-sm);left:var(--space-sm);background-color:var(--monarch-black);color:var(--monarch-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(20px);transition:all var(--transition-base);pointer-events:none;z-index:var(--z-toast);max-width:400px;margin:0 auto}.toast.show{opacity:1;transform:translateY(0);pointer-events:auto}@media (min-width: 640px){.toast{left:auto;right:var(--space-md);bottom:var(--space-md)}}.form-group{display:flex;flex-direction:column;gap:var(--space-sm);max-width:100%}@media (min-width: 640px){.form-group{flex-direction:row;max-width:500px}}.combination-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-top:var(--space-md)}@media (min-width: 640px){.combination-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}}@media (min-width: 1024px){.combination-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.grid{display:flex;flex-wrap:wrap;margin-bottom:2rem;padding:0;list-style:none;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}@media screen and (min-width: 750px){.grid{column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}}.grid__item{width:calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);max-width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2);flex-grow:1;flex-shrink:0}@media screen and (min-width: 750px){.grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}.grid--1-col .grid__item{max-width:100%;width:100%}.grid--2-col .grid__item{width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2)}@media screen and (min-width: 750px){.grid--2-col .grid__item,.grid--2-col-tablet .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (min-width: 990px){.grid--2-col-desktop .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.grid--4-col-desktop .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.grid--3-col-desktop .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}}.header-wrapper .header__icon,.header-wrapper .header__menu-item,.header-wrapper .header__heading-link,.header-wrapper .header__icon--cart,.header-wrapper a,.header-wrapper .h2{color:var(--monarch-black)!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/monarch-styles.css.map */