/* bk-speed2 (6 Oct 2026): 15 overridden/unused rule(s)/declaration(s) removed (cascade-safe). Original: var/clbak/bk-speed2-20261006/pre/css/bk-web3-tokens.css */
/**
 * Bed Kingdom Web 3.2.2.1 — CSS custom properties
 * Source: /workspace/bedkingdom-brand/TOKENS-WEB-3.0.md
 * Primary = Ink #1C1614 · Secondary = Deep Rust · Tertiary = Soft Clay
 * Soft Mist #F3EEEA · Search Grey #F2F2F3 · Butter #F7F0DA (optional warm bands) · Sand #EFE0B5 (legacy warm; USP now Mist Soft) · Mist hover #ECE6E1
 * brand.* aliases → Ink. Deep Rust is NEVER CTA / nav underline / links / focus.
 * Do not reintroduce Magento blue #26ADE4, Warm Charcoal, Soft Linen, Sale Brass,
 * Material Symbols, or Bold 700.
 */
/* Loaded after bk-brand-r6 — do not edit r6. Web 3.2.2.1 from magento-handoff. */
html body.rk-site, html body#html-body.rk-site {
  /* Primary — Ink */
  
  
  
   /* Mist Soft */
  --bk-primary-tint-strong: #ECE6E1; /* Mist hover — tile hover */

  /* brand.* → Ink (backward compatible) */
  
  
  
  
  
  
  
  

  /* Secondary — Deep Rust */
  --bk-secondary: #6B3A2A;
  --bk-secondary-hover: #593022;
  --bk-secondary-active: #47261B;
  --bk-secondary-tint: #F0E4DE;
  /* Deprecated: former USP fill — now secondary-active only */
  

  /* Tertiary — Soft Clay (Best Seller / TOP only) */
  --bk-tertiary: #C4896A;
  --bk-tertiary-tint: #F6EBE4;
  --bk-accent: var(--bk-tertiary);
  --bk-accent-tint: var(--bk-tertiary-tint);
  --bk-soft-clay: var(--bk-tertiary);
  --bk-soft-clay-tint: var(--bk-tertiary-tint);

  /* Neutrals */
  --bk-ink: #1C1614;
  --bk-star: #2D6A4F; /* filled / filled-half BK stars — Solid Heroicons Success */
  --bk-star-empty: #D9D0C9; /* empty / unfilled-half — Solid grey (decorative); Trustpilot widget stays green */
  --bk-canvas: #FAF7F5;
  --bk-white: #FFFFFF;
  --bk-soft: #F3EEEA; /* Mist — mats, panels, primary tint, alt, qty — NOT interactive chips/tabs */
   /* alias of Mist Soft */
  --bk-soft-warm: #F7F0DA; /* Butter — optional warm horizontal bands only (use sparingly); never search/chips/tiles/photos */
  --bk-search: #F2F2F3; /* Search Grey — search field fill (no stroke); Quiet icon; Ink placeholder */
  --bk-soft-hover: #ECE6E1; /* Mist hover — category tile hover (not Sand) */

  /* Interactive chips / tabs / size pills (not product label badges) — Web 3.2.2 handoff */
  --bk-chip-bg: #FFFFFF;
  --bk-chip-border: #D9D0C9;
  --bk-chip-active-bg: #1C1614;
  --bk-chip-active-text: #FFFFFF;
  --bk-sand: #EFE0B5; /* legacy warm band; USP strips use Mist Soft #F3EEEA (Paolo 5 Oct 2026). Never on tiles/chips/photos */
  --bk-line: #D9D0C9;
  --bk-quiet: #726860;
  --bk-quiet-inverse: #B8ADA5;
  --bk-line-inverse: rgba(255, 255, 255, 0.16);
  --bk-snow: var(--bk-canvas);
  --bk-cloud: var(--bk-soft);
  --bk-border-color: var(--bk-line);
  --bk-muted: var(--bk-quiet);

  /* Semantic */
  --bk-sale: #8B1E1E;
  --bk-sale-tint: #F3E0E0;
  --bk-success: #2D6A4F;
  --bk-success-tint: #E6EDEA;
  --bk-error: #B91C1C;
  --bk-warning: #B45309;
  --bk-info: #5C534C;
  --bk-overlay: rgba(28, 22, 20, 0.56);

  /* Type */
  --bk-font-display: Jost, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bk-font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bk-font-weight-heading: 400;
  --bk-font-weight-ui: 500;
  --bk-font-weight-body: 400;

  /* Geometry + focus (Ink outline — not Deep Rust) */
  --bk-radius: 0;
  --bk-border: 1px solid var(--bk-line);
  --bk-line-strong: 1px solid var(--bk-ink);
  --bk-focus-outline: 2px solid #1C1614;
  --bk-focus-outline-offset: 2px;
  --bk-focus-outline-inverse: 2px solid #FFFFFF;
  

  /* Spacing 5/10/15/20 */
  --bk-space-1: 5px;
  --bk-space-2: 10px;
  --bk-space-3: 15px;
  --bk-space-4: 20px;

  /* Layout */
  --bk-container-sm: 720px;
  --bk-container-md: 960px;
  --bk-container-lg: 1200px;
  --bk-container-xl: 1440px;
  --bk-frame-mobile: 393px;
  --bk-frame-tablet: 834px;
  --bk-frame-desktop: 1440px;
  --bk-gutter-mobile: 15px;
  --bk-gutter-tablet: 20px;
  --bk-gutter-desktop: 20px;
  --bk-grid-gap-mobile: 15px;
  --bk-grid-gap-tablet: 15px;
  --bk-grid-gap-desktop: 20px;
  --bk-bp-sm: 640px;
  --bk-bp-md: 768px;
  --bk-bp-lg: 1024px;
  --bk-bp-xl: 1280px;
  --bk-bp-2xl: 1440px;

  /* Heights */
  --bk-control-sm: 40px;
  --bk-control-md: 50px;
  --bk-header-mobile: 55px;
  --bk-header-desktop: 70px;
  --bk-atc-mobile: 65px;
  --bk-fab: 55px;
  --bk-usp: 40px;
  --bk-qty: 32px;
  --bk-qty-fill: var(--bk-white);

  /* Icons */
  --bk-icon-stroke: 1.5;
  --bk-icon-chrome: 20px;
  --bk-icon-inline: 15px;
  --bk-icon-prominent: 25px;
  --bk-icon-large: 30px;

  /* Motion / z / shadows */
  --bk-ease: cubic-bezier(0.2, 0, 0, 1);
  --bk-ease-out: cubic-bezier(0.3, 0, 1, 1);
  --bk-duration-fast: 120ms;
  --bk-duration-base: 200ms;
  --bk-duration-slow: 320ms;
  --bk-z-dropdown: 100;
  --bk-z-sticky: 200;
  --bk-z-overlay: 300;
  --bk-z-modal: 400;
  --bk-z-toast: 500;
  --bk-z-fab: 550;
  --bk-shadow-sm: 0 1px 2px rgba(28, 22, 20, 0.06);
  --bk-shadow-md: 0 4px 16px rgba(28, 22, 20, 0.10);
  --bk-shadow-lg: 0 12px 40px rgba(28, 22, 20, 0.14);
}

:focus-visible {
  outline: var(--bk-focus-outline);
  outline-offset: var(--bk-focus-outline-offset);
}