/* Global Design System Tokens */
:root {
  /* Brand Colors */
  --primary-color: #206faf;
  --primary-hover: rgba(32, 111, 175, 0.8);
  --primary-light: rgba(32, 111, 175, 0.1);
  --primary-shadow: 0 2px 6px 0 rgba(32, 111, 175, 0.3);

  /* Status Colors */
  --success-color: #26bf94;
  --success-light: rgba(113, 221, 55, 0.1);
  --success-shadow: 0 0 0 2px rgba(113, 221, 55, 0.2);

  --warning-color: #ffab00;
  --warning-light: rgba(255, 171, 0, 0.1);
  --warning-shadow: 0 0 0 2px rgba(255, 171, 0, 0.2);

  --info-color: #03c3ec;
  --info-light: rgba(3, 195, 236, 0.1);
  --info-shadow: 0 0 0 2px rgba(3, 195, 236, 0.2);

  --danger-color: #ff3e1d;
  --danger-light: rgba(255, 62, 29, 0.1);
  --danger-shadow: 0 0 0 2px rgba(255, 62, 29, 0.2);

  --secondary-color: #8592a3;
  --secondary-light: rgba(133, 146, 163, 0.1);
  --secondary-shadow: 0 0 0 2px rgba(133, 146, 163, 0.2);

  /* Neutral Colors */
  --text-heading: #3a4f63;
  --text-body: #4e6174;
  --text-muted: #7a8da6;
  --bs-body-color: #3d4750;
  --border-color: #d9dee3;
  --border-color-light: #e2e8f0;
  --bg-body: #f5f5f9;
  --bg-card: #ffffff;
  --bg-neutral: #f0f2f5;

  /* Elevations / Shadows */
  --card-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
  --card-shadow-hover: 0 4px 12px 0 rgba(67, 89, 113, 0.15);
  --glass-shadow: 0 8px 30px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.01);
  --glass-shadow-hover: 0 16px 40px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.02);

  /* Radii */
  --border-radius-sm: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 1rem;
  --border-radius-pill: 50rem;

  /* Table Specific */
  --table-header-bg: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  --table-border: 1px solid rgba(225, 230, 240, 0.8);
  --table-hover-bg: rgba(105, 108, 255, 0.03);

  /* Transitions */
  --transition-fast: all 0.15s ease-in-out;
  --transition-normal: all 0.25s ease;
  --transition-smooth: all 0.3s ease;
}