:root {
  --ot-primary: #111111;
  --ot-accent: #ffc107;
  --ot-white: #ffffff;
  --ot-surface: #f4f6f8;
  --ot-surface-alt: #f7f8fa;
  --ot-border: #e5e7eb;
  --ot-border-strong: #d2d7dd;
  --ot-text: #16202a;
  --ot-text-muted: #68717d;
  --ot-text-soft: #98a1ad;
  --ot-danger: #dc3545;
  --ot-success: #1fa971;
  --ot-sale: #ff4d5e;
  --ot-accent-soft: #fff7d6;
  --ot-font: "Segoe UI", Arial, sans-serif;
  --ot-gutter: 16px;
  --ot-container: 1760px;
  --ot-catalog-columns: 5;
  --ot-radius-xs: 6px;
  --ot-radius-sm: 9px;
  --ot-radius-md: 12px;
  --ot-radius-lg: 16px;
  --ot-shadow-sm: 0 5px 18px rgba(17, 17, 17, 0.07);
  --ot-shadow-md: 0 10px 32px rgba(17, 17, 17, 0.1);
  --ot-shadow-lg: 0 18px 48px rgba(17, 17, 17, 0.14);
  --ot-header-height: 60px;
  --ot-mobile-nav-height: 64px;
  --ot-focus: 0 0 0 3px rgba(255, 193, 7, 0.45);
  --ot-ease: 160ms ease;
}