/* Bisnesplas design tokens v1.0
   New and refactored components should use these semantic variables.
*/
:root {
  --bp-primary: #07846f;
  --bp-primary-dark: #056455;
  --bp-primary-soft: #eaf7f3;
  --bp-surface: #ffffff;
  --bp-surface-soft: #f5f8f7;
  --bp-surface-muted: #edf2f0;
  --bp-text: #17211f;
  --bp-text-muted: #687773;
  --bp-border: #dfe8e5;
  --bp-success: #07846f;
  --bp-warning: #b7791f;
  --bp-danger: #c2413b;
  --bp-deal-highlight: #f28a32;

  --bp-font-interface: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --bp-font-brand: 'Montserrat', 'Manrope', sans-serif;
  --bp-font-size-1: 12px;
  --bp-font-size-2: 14px;
  --bp-font-size-3: 16px;
  --bp-font-size-4: 18px;
  --bp-font-size-5: 24px;
  --bp-font-size-6: 32px;

  --bp-radius-control: 8px;
  --bp-radius-card: 12px;
  --bp-radius-section: 16px;
  --bp-radius-pill: 999px;

  --bp-shadow-card: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --bp-shadow-elevated: 0 20px 48px -18px rgba(10, 43, 36, 0.32);

  --bp-space-1: 4px;
  --bp-space-2: 8px;
  --bp-space-3: 12px;
  --bp-space-4: 16px;
  --bp-space-5: 24px;
  --bp-space-6: 32px;

  --bp-motion-fast: 150ms;
  --bp-motion-standard: 220ms;
  --bp-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Compatibility aliases for the existing interface. */
  --primary: var(--bp-primary);
  --primary-dark: var(--bp-primary-dark);
  --primary-bg: var(--bp-primary-soft);
  --bg: var(--bp-surface-soft);
  --white: var(--bp-surface);
  --text: var(--bp-text);
  --text-secondary: var(--bp-text-muted);
  --border: var(--bp-border);
  --discount: var(--bp-deal-highlight);
  --radius: var(--bp-radius-card);
  --radius-lg: var(--bp-radius-section);
  --shadow: var(--bp-shadow-card);
  --shadow-lg: var(--bp-shadow-elevated);
}

body {
  font-family: var(--bp-font-interface);
}

.product-price,
.price-value,
.mobile-price-value,
.category-chip__count,
.catalog-pagination__status {
  font-variant-numeric: tabular-nums;
}