/* ==========================================================================
   StockRipple POS - Bootstrap 5.3 Theme Overrides
   ========================================================================== */

:root {
  /* Brand Colors */
  --bs-primary: #3b5bfd;
  --bs-primary-rgb: 59, 91, 253;
  --bs-secondary: #64748b;
  --bs-secondary-rgb: 100, 116, 139;
  --bs-success: #10b981;
  --bs-success-rgb: 16, 185, 129;
  --bs-info: #06b6d4;
  --bs-info-rgb: 6, 182, 212;
  --bs-warning: #f59e0b;
  --bs-warning-rgb: 245, 158, 11;
  --bs-danger: #f43f5e;
  --bs-danger-rgb: 244, 63, 94;
  --bs-light: #f8fafc;
  --bs-light-rgb: 248, 250, 252;
  --bs-dark: #0f172a;
  --bs-dark-rgb: 15, 23, 42;

  /* Typography */
  --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --bs-font-monospace: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --bs-body-font-size: 0.875rem; /* 14px */
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #1e293b;
  --bs-body-bg: #f8fafc;

  /* Borders & Radius */
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #e2e8f0;
  --bs-border-radius: 0.5rem; /* 8px */
  --bs-border-radius-sm: 0.375rem; /* 6px */
  --bs-border-radius-lg: 0.75rem; /* 12px */
  --bs-border-radius-xl: 1rem; /* 16px */
  --bs-border-radius-2xl: 1.5rem; /* 24px */

  /* Components defaults */
  --bs-card-bg: #ffffff;
  --bs-card-border-color: #e2e8f0;
  --bs-card-border-radius: 0.75rem;
  --bs-card-cap-bg: transparent;

  --bs-modal-bg: #ffffff;
  --bs-modal-border-color: #e2e8f0;
  --bs-modal-border-radius: 1rem;
  --bs-modal-header-border-color: #e2e8f0;
  --bs-modal-footer-border-color: #e2e8f0;

  --bs-toast-bg: #ffffff;
  --bs-toast-border-color: #e2e8f0;
  --bs-toast-border-radius: 0.75rem;

  --bs-dropdown-bg: #ffffff;
  --bs-dropdown-border-color: #e2e8f0;
  --bs-dropdown-border-radius: 0.5rem;
  --bs-dropdown-link-hover-bg: #f1f5f9;

  --bs-table-bg: transparent;
  --bs-table-striped-bg: #f8fafc;
  --bs-table-hover-bg: #f1f5f9;
  --bs-table-border-color: #e2e8f0;
}

/* Reset default form-control focus to brand primary */
.form-control:focus,
.form-select:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(59, 91, 253, 0.15);
}

.btn-primary {
  --bs-btn-bg: #3b5bfd;
  --bs-btn-border-color: #3b5bfd;
  --bs-btn-hover-bg: #2b4be7;
  --bs-btn-hover-border-color: #2b4be7;
  --bs-btn-active-bg: #1f3ecf;
  --bs-btn-active-border-color: #1f3ecf;
  --bs-btn-focus-shadow-rgb: 59, 91, 253;
}