/* LuxFind design tokens — sourced from TOP / Support mock (editorial v3) */

:root {
  /* Color */
  --lf-bg: #f4f2ee;
  --lf-surface: #ffffff;
  --lf-ink: #151515;
  --lf-muted: #5f5b56;
  --lf-line: #d8d4cd;
  --lf-search-bg: #f7f7f7;
  --lf-search-border: #dddddd;

  /* Aliases for existing theme-shop / component usage */
  --lf-text: var(--lf-ink);
  --lf-text-secondary: #444444;
  --lf-text-muted: var(--lf-muted);
  --lf-text-subtle: #6a6560;
  --lf-footer-muted: #57534e;
  --lf-border: var(--lf-line);
  --lf-border-strong: var(--lf-search-border);
  --lf-btn-secondary-border: #c8c3bb;
  --lf-image-bg: #f5f5f5;
  --lf-btn-bg: var(--lf-ink);
  --lf-btn-bg-hover: #2a2a2a;
  --lf-accent-rgb: 21, 21, 21;
  --lf-header-bg: rgba(255, 255, 255, 0.95);
  --lf-header-scrolled-bg: rgba(255, 255, 255, 0.95);
  --lf-nav: #6a6560;
  --lf-nav-hover: var(--lf-ink);
  --lf-overlay: rgba(0, 0, 0, 0.4);
  --lf-modal-bg: var(--lf-surface);
  --lf-modal-border: var(--lf-line);
  --lf-gold: #d4af37;
  --lf-gold-rgb: 212, 175, 55;

  /* Typography */
  --lf-font: Arial, Helvetica, sans-serif;
  --lf-font-display: Arial, Helvetica, sans-serif;
  --lf-logo-size: 28px;
  --lf-logo-size-scrolled: 24px;
  --lf-logo-size-mobile: 22px;
  --lf-logo-weight: 700;
  --lf-logo-tracking: -0.05em;
  --lf-nav-size: 11px;
  --lf-nav-tracking: 0.12em;
  --lf-body-size: 14px;
  --lf-body-line: 1.8;
  --lf-eyebrow-size: 10px;
  --lf-eyebrow-tracking: 0.24em;
  --lf-footer-title-size: 10px;
  --lf-footer-title-tracking: 0.12em;
  --lf-footer-link-size: 11px;
  --lf-footer-bottom-size: 11px;
  --lf-editorial-body-size: 16px;
  --lf-checkout-label-size: 12px;
  --lf-btn-secondary-size: 12px;

  /* Product identity — TOP card is source of truth */
  --lf-product-brand-size: 13px;
  --lf-product-brand-weight: 700;
  --lf-product-brand-margin-top: 12px;
  --lf-product-name-size: 13px;
  --lf-product-name-line: 1.45;
  --lf-product-name-margin-top: 4px;
  --lf-product-name-min-height: 38px;
  --lf-product-price-size: 13px;
  --lf-product-price-margin-top: 6px;
  /* Compact line items (bag / saved / checkout) — same hierarchy, one step smaller */
  --lf-product-line-brand-size: 12px;
  --lf-product-line-name-size: 12px;
  --lf-product-line-price-size: 12px;

  /* Layout / spacing */
  --lf-gutter: 6vw;
  --lf-gutter-mobile: 18px;
  --lf-header-height: 68px;
  --lf-header-height-mobile: 58px;
  --lf-header-pad-x: 28px;
  --lf-header-pad-x-mobile: 16px;
  --lf-section-pad-y: 80px;
  --lf-icon-size: 20px;
  --lf-icon-size-mobile: 18px;
  --lf-tools-gap: 18px;
  --lf-nav-gap: 24px;
  --lf-search-width: 190px;
  --lf-search-height: 38px;
  --lf-radius-sharp: 2px;

  /* Motion */
  --lf-ease: 0.3s ease;
  --lf-header-ease: 0.4s ease;
}

@media (max-width: 800px) {
  :root {
    --lf-gutter: var(--lf-gutter-mobile);
    --lf-header-height: var(--lf-header-height-mobile);
    --lf-header-pad-x: var(--lf-header-pad-x-mobile);
    --lf-nav-gap: 14px;
    --lf-tools-gap: 14px;
    --lf-nav-size: 10px;
    --lf-logo-size: var(--lf-logo-size-mobile);
    --lf-logo-size-scrolled: var(--lf-logo-size-mobile);
    --lf-icon-size: var(--lf-icon-size-mobile);
    --lf-search-height: 36px;
  }
}