/**
 * Crown ANS Design System – CSS Custom Properties
 * See docs/design-system.md for full reference.
 */

:root {
  /* Primary Brand */
  --color-primary: #6495ED;
  --color-primary-hover: #4A7FE3;
  --color-primary-active: #3C6ED6;
  --color-primary-soft: #E8F1FF;

  /* Neutral UI */
  --color-bg-page: #FFFFFF;
  --color-bg-section: #F7F9FC;
  --color-bg-subtle: #F1F5F9;
  --color-bg-card: #FFFFFF;
  --color-border: #E5E7EB;

  /* Typography */
  --color-heading: #1F2933;
  --color-body: #444444;
  --color-muted: #6B7280;
  --color-light: #9CA3AF;

  /* Shipment Status */
  --color-delivered: #22C55E;
  --color-in-transit: #6495ED;
  --color-delayed: #F59E0B;
  --color-exception: #EF4444;
  --color-pending: #9CA3AF;

  /* Chart & Visualization */
  --color-chart-primary: #6495ED;
  --color-chart-secondary: #3C6ED6;
  --color-chart-success: #22C55E;
  --color-chart-warning: #F59E0B;
  --color-chart-error: #EF4444;
  --color-chart-neutral: #9CA3AF;
  --color-chart-fill: rgba(100, 149, 237, 0.15);

  /* Dark Sections */
  --color-dark-bg: #111111;
  --color-dark-section: #1D1D1D;
  --color-dark-card: #2A2A2A;
  --color-dark-border: #3A3A3A;

  /* UI Elements */
  --color-btn-primary: #6495ED;
  --color-btn-secondary: #6B7280;
  --color-alert-success: #22C55E;
  --color-alert-warning: #F59E0B;
  --color-alert-error: #EF4444;
  --color-alert-info: #38BDF8;

  /* Accent */
  --color-accent: #9CDC66;

  /* Bootstrap overrides (admin/tracking) */
  --bs-primary: #6495ED;
  --bs-primary-rgb: 100, 149, 237;
  --bs-success: #22C55E;
  --bs-success-rgb: 34, 197, 94;
  --bs-info: #6495ED;
  --bs-info-rgb: 100, 149, 237;
  --bs-warning: #F59E0B;
  --bs-warning-rgb: 245, 158, 11;
  --bs-danger: #EF4444;
  --bs-danger-rgb: 239, 68, 68;
  --bs-secondary: #6B7280;
  --bs-secondary-rgb: 107, 114, 136;
}

/* Shipment status badge overrides (design system) */
.badge.bg-success { background-color: var(--color-delivered) !important; }
.badge.bg-info { background-color: var(--color-in-transit) !important; }
.badge.bg-warning { background-color: var(--color-delayed) !important; }
.badge.bg-danger { background-color: var(--color-exception) !important; }
.badge.bg-secondary { background-color: var(--color-pending) !important; }