/* Brand tokens copied from the user-supplied Original Mist Blue Design System v1.0. */
:root {
  color-scheme: light;
  /* Core brand */
  --tom-color-brand-900: #203F6B;
  --tom-color-brand-800: #284C80;
  --tom-color-brand-700: #376395;
  --tom-color-brand-500: #658EBB;
  --tom-color-brand-200: #C4D4ED;
  --tom-color-brand-100: #E8EFF8;
  --tom-color-brand-050: #F0F2F8;
  --tom-color-brand-025: #FCFDFF;
  /* Neutral / text */
  --tom-color-white: #FFFFFF;
  --tom-color-ink: #263A55;
  --tom-color-text-secondary: #53657D;
  --tom-color-text-muted: #66778D;
  --tom-color-line: #DFE7F1;
  /* System feedback (not decorative brand colors) */
  --tom-color-success: #176448;
  --tom-color-success-soft: #E7F5EE;
  --tom-color-warning: #845216;
  --tom-color-warning-soft: #FFF5E3;
  --tom-color-danger: #AD2632;
  --tom-color-danger-soft: #FCECEE;
  --tom-color-info: #284C80;
  --tom-color-info-soft: #E8EFF8;
  /* Semantic */
  --tom-surface-page: var(--tom-color-brand-025);
  --tom-surface-card: var(--tom-color-white);
  --tom-surface-soft: var(--tom-color-brand-050);
  --tom-surface-accent: var(--tom-color-brand-100);
  --tom-text-primary: var(--tom-color-ink);
  --tom-text-secondary: var(--tom-color-text-secondary);
  --tom-text-muted: var(--tom-color-text-muted);
  --tom-border-default: var(--tom-color-line);
  --tom-border-strong: #B9CBE1;
  --tom-action-primary: var(--tom-color-brand-800);
  --tom-action-hover: var(--tom-color-brand-900);
  --tom-action-on-primary: #FFFFFF;
  --tom-action-focus: #658EBB;
  --tom-price: var(--tom-color-ink);
  /* Font scale */
  --tom-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tom-font-size-xs: 0.75rem;     /* 12 */
  --tom-font-size-sm: 0.875rem;    /* 14 */
  --tom-font-size-md: 1rem;        /* 16 */
  --tom-font-size-lg: 1.125rem;    /* 18 */
  --tom-font-size-xl: 1.5rem;      /* 24 */
  --tom-font-size-2xl: 2rem;       /* 32 */
  --tom-font-size-3xl: 2.625rem;   /* 42 */
  --tom-font-size-display: clamp(2.75rem, 5vw, 4.75rem);
  --tom-line-tight: 1.12;
  --tom-line-heading: 1.22;
  --tom-line-body: 1.6;
  /* Four-point spacing grid */
  --tom-space-1: 4px; --tom-space-2: 8px; --tom-space-3: 12px;
  --tom-space-4: 16px; --tom-space-5: 20px; --tom-space-6: 24px;
  --tom-space-8: 32px; --tom-space-10: 40px; --tom-space-12: 48px;
  --tom-space-16: 64px; --tom-space-20: 80px;
  /* Shape */
  --tom-radius-xs: 4px;
  --tom-radius-sm: 8px;
  --tom-radius-md: 12px;
  --tom-radius-lg: 18px;
  --tom-radius-xl: 24px;
  --tom-radius-pill: 999px;
  /* Motion / effects */
  --tom-shadow-sm: 0 2px 8px rgba(38, 58, 85, .05);
  --tom-shadow-md: 0 12px 32px rgba(38, 58, 85, .09);
  --tom-shadow-lg: 0 20px 54px rgba(38, 58, 85, .12);
  --tom-motion-fast: 150ms;
  --tom-motion-base: 220ms;
  --tom-motion-slow: 350ms;
  --tom-easing: cubic-bezier(.2,.8,.2,1);
  --tom-container-max: 1280px;
  --tom-gutter: clamp(16px, 4vw, 40px);
  --tom-header-height: 76px;
  --tom-tap-min: 44px;
}

:root{--tom-blue:var(--tom-action-primary);--tom-blue-dark:var(--tom-action-hover);--tom-ink:var(--tom-text-primary);--tom-slate:var(--tom-text-secondary);--tom-muted:var(--tom-text-muted);--tom-line:var(--tom-border-default);--tom-bg:var(--tom-surface-page);--tom-warm:var(--tom-surface-soft);--tom-radius:var(--tom-radius-md);--tom-shadow:var(--tom-shadow-md)}
body{font-family:var(--tom-font-family);background:var(--tom-surface-page);color:var(--tom-text-primary);line-height:var(--tom-line-body)}
button,input,select,textarea{font-family:var(--tom-font-family)}
.tom-container{width:min(calc(100% - 2 * var(--tom-gutter)),var(--tom-container-max))}
.tom-topline{background:var(--tom-surface-soft);color:var(--tom-text-secondary);border-bottom:1px solid var(--tom-border-default)}.tom-topline a{color:var(--tom-action-primary)}
.tom-header{background:var(--tom-surface-card)}.tom-logo-words strong{color:var(--tom-text-primary);font-weight:900}.tom-logo-words small{color:var(--tom-action-primary)}
.tom-header-action,.tom-nav-links a{color:var(--tom-text-primary);font-weight:750}.tom-nav-links a:hover{color:var(--tom-action-primary)}
.tom-search{border:1px solid var(--tom-border-default);border-radius:var(--tom-radius-sm);background:var(--tom-surface-page)}.tom-search button{background:var(--tom-action-primary)}.tom-search button:hover{background:var(--tom-action-hover)}
.tom-search input[type=search]{font-family:var(--tom-font-family);color:var(--tom-text-primary)}
.tom-btn{border-radius:var(--tom-radius-sm);font:700 var(--tom-font-size-sm)/1.4 var(--tom-font-family);min-height:var(--tom-tap-min);padding:12px 20px}
.tom-btn-blue,.tom-btn-dark,.tom-btn-lime{background:var(--tom-action-primary);color:var(--tom-action-on-primary)}.tom-btn-blue:hover,.tom-btn-dark:hover,.tom-btn-lime:hover{background:var(--tom-action-hover);color:var(--tom-action-on-primary)}
.tom-btn-outline{background:var(--tom-surface-card);border-color:var(--tom-border-strong);color:var(--tom-action-primary)}.tom-btn-outline:hover{background:var(--tom-surface-accent)}
.tom-hero .tom-btn{background:var(--tom-surface-card);color:var(--tom-action-primary)}.tom-hero .tom-btn:hover{background:var(--tom-surface-accent)}
.tom-hero h1{font-family:var(--tom-font-family);font-weight:850}.tom-section-head h2,.tom-feature-copy h2,.tom-last-cta h2{font-weight:850;letter-spacing:-.048em;color:var(--tom-text-primary)}
.tom-eyebrow{color:var(--tom-action-primary);font-weight:800}.tom-hero .tom-kicker{color:var(--tom-action-on-primary)}.tom-text-link{color:var(--tom-action-primary)}
.tom-category-card,.tom-cat-image{border-radius:var(--tom-radius-md)}.tom-category-card{background:var(--tom-surface-card)}.tom-cat-copy strong{color:var(--tom-text-primary);font-weight:750}.tom-cat-copy small{color:var(--tom-text-muted)}
ul.products li.tom-product-card,li.tom-product-card{border:1px solid var(--tom-border-default);border-radius:var(--tom-radius-md);background:var(--tom-surface-card);box-shadow:var(--tom-shadow-sm);overflow:hidden}
.tom-card-media{border-radius:0;background:var(--tom-surface-soft)}.tom-card-peek{background:var(--tom-action-primary)}.tom-card-meta{padding:15px 15px 0}.tom-card-category{color:var(--tom-action-primary)}
.tom-product-card .woocommerce-loop-product__title{font-weight:750!important;color:var(--tom-text-primary);padding-inline:15px}.tom-card-price{margin-left:15px;margin-right:15px;font-weight:850;color:var(--tom-price)}.tom-card-hint{margin-left:15px;margin-right:15px;color:var(--tom-text-muted)}.tom-card-action{margin-left:15px;margin-right:15px;color:var(--tom-action-primary)}
.tom-product-tag{border-radius:var(--tom-radius-xs)}.tom-drop-card{border-radius:var(--tom-radius-md)}.tom-drops-placeholder,.tom-empty-shop{border-radius:var(--tom-radius-lg)}
.tom-drops-placeholder,.tom-feature-band,.tom-lean-banner,.tom-last-cta{background:var(--tom-surface-soft)}.tom-lean-banner{border-radius:var(--tom-radius-md)}.tom-feature-illustration{overflow:hidden;border-radius:var(--tom-radius-lg)}
.tom-steps article{background:var(--tom-surface-card);border:1px solid var(--tom-border-default);border-radius:var(--tom-radius-md);padding:24px}.tom-steps p{color:var(--tom-text-secondary)}
.tom-interior-aside .tom-help-card,.tom-info-card-grid article,.tom-directory-card,.tom-quote-panel,.tom-related,.tom-store-fact,.tom-catalog-search,.tom-policy-required{border-radius:var(--tom-radius-md)}
.tom-request-dialog{background:var(--tom-surface-card);color:var(--tom-text-primary);border-radius:var(--tom-radius-lg);box-shadow:var(--tom-shadow-lg)}.tom-request-close{border-radius:var(--tom-radius-sm);color:var(--tom-action-primary)}.tom-request-close:hover{background:var(--tom-surface-soft)}
.tom-request-dialog h2{color:var(--tom-text-primary);font-weight:850}.tom-request-dialog #tom-request-description{color:var(--tom-text-secondary)}.tom-request-note{background:var(--tom-surface-accent);color:var(--tom-action-primary);border-color:var(--tom-color-brand-500);border-radius:var(--tom-radius-sm)}
.tom-request-form label{color:var(--tom-text-primary)}.tom-request-form :is(input[type=text],input[type=email],input[type=url],textarea){border-radius:var(--tom-radius-sm);border-color:var(--tom-border-strong);font-family:var(--tom-font-family);font-size:var(--tom-font-size-md);color:var(--tom-text-primary)}
.tom-request-form button[type=submit]{border-radius:var(--tom-radius-sm);background:var(--tom-action-primary);font-family:var(--tom-font-family);font-weight:700}.tom-request-form button[type=submit]:hover{background:var(--tom-action-hover)}
.tom-request-form [role=status]{background:var(--tom-color-success-soft);color:var(--tom-color-success);border-radius:var(--tom-radius-sm)}
.tom-footer{background:var(--tom-color-ink)}.tom-footer .tom-logo-words strong{color:var(--tom-color-white)}.tom-footer .tom-logo-words small{color:var(--tom-color-brand-200)}
:focus-visible{outline:3px solid var(--tom-action-focus);outline-offset:3px}.tom-request-form :is(input,textarea):focus-visible{outline:3px solid var(--tom-action-focus);outline-offset:2px}
@media(max-width:600px){.tom-btn{font-size:13px}.tom-product-card .woocommerce-loop-product__title{padding-inline:11px}.tom-card-meta{padding:11px 11px 0}.tom-card-price,.tom-card-hint,.tom-card-action{margin-left:11px;margin-right:11px}.tom-steps article{padding:22px}.tom-request-dialog{border-radius:var(--tom-radius-md)}}
