/* Shared SaaS theme: defaults overridden by published Parse values. */
:root{
--website-primary:#4F6353;--website-secondary:#37473D;--website-accent:#C98F86;--website-accent-light:#DFAFA7;
--website-background:#FBF7F3;--website-surface:#FFFFFF;--website-text:#2E2A28;--website-muted-text:#746D68;--website-border:#E5D8CF;
--website-nav-background:#20281F;--website-nav-text:#FFFFFF;--website-nav-hover-background:#2A3429;--website-nav-hover-text:#DFAFA7;--website-nav-border:#33402F;
--website-nav-dropdown-background:#20281F;--website-nav-dropdown-text:#FFFFFF;--website-nav-dropdown-hover-background:#33402F;--website-nav-dropdown-hover-text:#DFAFA7;
--website-button-background:#4F6353;--website-button-text:#FFFFFF;--website-button-hover-background:#37473D;--website-button-hover-text:#FFFFFF;--website-button-border:#4F6353;--website-button-radius:8px;
--website-card-background:#FFFFFF;--website-card-border:#E5D8CF;--website-card-text:#2E2A28;--website-card-radius:12px;--website-card-shadow:0 10px 26px rgba(46,42,40,0.08);
--website-input-background:#FFFFFF;--website-input-text:#2E2A28;--website-input-placeholder:#746D68;--website-input-border:#E5D8CF;--website-input-focus-border:#4F6353;--website-input-radius:8px;
--website-footer-background:#20281F;--website-footer-text:#FFFFFF;--website-footer-heading:#FFFFFF;--website-footer-link:#DFAFA7;--website-footer-link-hover:#FFFFFF;--website-footer-border:#33402F;
--website-heading-font:'Fraunces', Georgia, serif;--website-body-font:'Jost', 'Helvetica Neue', Arial, sans-serif;
--website-heading-weight:700;--website-body-weight:400;--website-button-weight:600;--website-nav-weight:600;
--website-font-heading:var(--website-heading-font);--website-font-body:var(--website-body-font);
--website-product-card-background:#FFFFFF;--website-product-card-border:#E5D8CF;--website-product-card-title:#2E2A28;--website-product-card-price:#4F6353;--website-product-card-sale:#C98F86;--website-product-card-radius:14px;
--website-success:#3F6F4E;--website-warning:#C4A35A;--website-danger:#B45A4E;--website-info:#4A6B8A;
/* Compatibility aliases for existing STL navigation. */
--stl-brand:var(--website-primary);--stl-brand-dark:var(--website-secondary);--stl-accent:var(--website-accent);--stl-accent-light:var(--website-accent-light);--stl-ink:var(--website-text);--stl-muted:var(--website-muted-text);--stl-surface:var(--website-background);--stl-footer:var(--website-nav-background);--stl-footer-mid:var(--website-nav-dropdown-background);--stl-navy:var(--website-nav-background);--stl-emerald:var(--website-accent);--stl-white:var(--website-nav-text)
}
.website-themed{background:var(--website-background);color:var(--website-text);font-family:var(--website-body-font);font-weight:var(--website-body-weight)}
.website-themed h1,.website-themed h2,.website-themed h3,.website-themed h4,.website-themed h5,.website-themed h6{font-family:var(--website-heading-font);font-weight:var(--website-heading-weight)}
.website-card{background:var(--website-card-background);border:1px solid var(--website-card-border);color:var(--website-card-text);border-radius:var(--website-card-radius);box-shadow:var(--website-card-shadow)}
.website-btn-primary{background:var(--website-button-background);color:var(--website-button-text);border:1px solid var(--website-button-border);border-radius:var(--website-button-radius);font-weight:var(--website-button-weight);text-decoration:none}
.website-btn-primary:hover{background:var(--website-button-hover-background);color:var(--website-button-hover-text)}
.website-btn-outline{border:1px solid var(--website-primary);color:var(--website-primary);background:transparent;border-radius:var(--website-button-radius)}
.website-link{color:var(--website-primary)}
.website-muted{color:var(--website-muted-text)}
.website-nav{background:var(--website-nav-background);color:var(--website-nav-text);font-weight:var(--website-nav-weight)}
.website-nav a:hover{background:var(--website-nav-hover-background);color:var(--website-nav-hover-text)}
.website-footer{background:var(--website-footer-background);color:var(--website-footer-text)}
.website-footer a{color:var(--website-footer-link)}
.website-footer a:hover{color:var(--website-footer-link-hover)}
.website-input{border:1px solid var(--website-input-border);background:var(--website-input-background);color:var(--website-input-text);border-radius:var(--website-input-radius)}
.website-input::placeholder{color:var(--website-input-placeholder)}
.website-input:focus{border-color:var(--website-input-focus-border);outline:none}
.website-product-card{background:var(--website-product-card-background);border:1px solid var(--website-product-card-border);border-radius:var(--website-product-card-radius)}
.website-product-card-title{color:var(--website-product-card-title)}
.website-product-card-price{color:var(--website-product-card-price)}
.website-product-card-sale{color:var(--website-product-card-sale)}
.website-success{color:var(--website-success)}.website-warning{color:var(--website-warning)}.website-danger{color:var(--website-danger)}.website-info{color:var(--website-info)}
/* Opt-in Bootstrap mappings: add .website-bootstrap to a page wrapper. */
.website-bootstrap .btn-primary,.website-bootstrap .btn-success{background:var(--website-button-background);border-color:var(--website-button-border);color:var(--website-button-text);border-radius:var(--website-button-radius);font-weight:var(--website-button-weight)}
.website-bootstrap .btn-primary:hover,.website-bootstrap .btn-success:hover{background:var(--website-button-hover-background);border-color:var(--website-button-hover-background);color:var(--website-button-hover-text)}
.website-bootstrap .btn-outline-primary,.website-bootstrap .btn-outline-success{color:var(--website-primary);border-color:var(--website-primary);border-radius:var(--website-button-radius)}
.website-bootstrap .btn-outline-primary:hover,.website-bootstrap .btn-outline-success:hover{background:var(--website-button-background);border-color:var(--website-button-border);color:var(--website-button-text)}
.website-bootstrap .btn-danger{background:var(--website-danger);border-color:var(--website-danger);border-radius:var(--website-button-radius)}
.website-bootstrap .panel-primary{border-color:var(--website-primary)}
.website-bootstrap .panel-primary>.panel-heading{background:var(--website-primary);border-color:var(--website-primary);color:var(--website-button-text)}
/*
 * Content links only. Exclude filled primary CTA anchors — otherwise
 * --website-primary paints over --website-button-text (invisible label when
 * button fill matches primary, e.g. empty-cart Continue Shopping).
 */
.website-bootstrap a:not(.btn):not(.website-btn-primary):not(.confirm-btn):not(.checkout-btn):not(.place-order-btn){color:var(--website-primary)}
/*
 * Shared filled primary CTAs (cart / checkout / confirmation / empty states).
 * Specificity + !important beats the content-link colour rule when an <a>
 * is styled as a button. Colours follow Appearance → WebsiteThemes.
 */
.website-bootstrap a.website-btn-primary,
.website-bootstrap a.confirm-btn-primary,
.website-bootstrap a.checkout-btn,
.website-bootstrap a.place-order-btn,
.website-bootstrap .empty-cart>a,
.website-bootstrap .empty-cart a.website-btn-primary{
background:var(--website-button-background)!important;
color:var(--website-button-text)!important;
border:1px solid var(--website-button-border);
border-radius:var(--website-button-radius);
font-weight:var(--website-button-weight)
}
.website-bootstrap a.website-btn-primary:hover,
.website-bootstrap a.confirm-btn-primary:hover,
.website-bootstrap a.checkout-btn:hover,
.website-bootstrap a.place-order-btn:hover,
.website-bootstrap .empty-cart>a:hover,
.website-bootstrap .empty-cart a.website-btn-primary:hover{
background:var(--website-button-hover-background)!important;
color:var(--website-button-hover-text)!important;
border-color:var(--website-button-hover-background)
}
.website-bootstrap .text-primary{color:var(--website-primary)!important}
.website-bootstrap .text-success{color:var(--website-success)!important}
.website-bootstrap .text-danger{color:var(--website-danger)!important}
.website-bootstrap .text-muted{color:var(--website-muted-text)!important}
.website-bootstrap .form-control,.website-bootstrap .form-select{background:var(--website-input-background);color:var(--website-input-text);border-color:var(--website-input-border);border-radius:var(--website-input-radius)}
.website-bootstrap .form-control:focus,.website-bootstrap .form-select:focus{border-color:var(--website-input-focus-border)}
.website-bootstrap .card{background:var(--website-card-background);border-color:var(--website-card-border);color:var(--website-card-text);border-radius:var(--website-card-radius);box-shadow:var(--website-card-shadow)}
.website-bootstrap .bg-light{background:var(--website-background)!important}