/* Copied from profesor/css/colors.css for student panel */
:root {
  --color-primary: #014c8f;
  --color-primary-light: #0f6cb7;
  --color-primary-dark: #003a6e;
  --color-secondary: #f3ba69;
  --color-success: #1bb157;
  --color-danger: #b8132a;
  --color-warning: #e9551b;
  --color-info: #3b8ec9;
  --color-purple: #6f42c1;
  --color-light: #f8f9fa;
  --color-dark: #363636;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray: #bbbbbb;
  --color-gray-light: #dee2e6;
  --color-gray-dark: #6c757d;
  --color-menu-hover: rgba(255, 255, 255, 0.15);
  --color-menu-active: rgba(255, 255, 255, 0.25);
  --color-shadow: rgba(27, 27, 27, 0.15);
  --color-gray-transparent: rgba(255, 255, 255, 0.1);
  --color-black-transparent-15: rgba(0, 0, 0, 0.15);
  --color-white-transparent-80: rgba(255, 255, 255, 0.8);
  --color-white-transparent-90: rgba(255, 255, 255, 0.9);
  --color-border: #dee2e6;
  --color-primary-opacity-10: rgba(1, 76, 143, 0.1);
  --color-success-opacity-20: rgba(27, 177, 87, 0.2);
  --color-secondary-opacity-20: rgba(243, 186, 105, 0.2);
  --color-secondary-opacity-30: rgba(243, 186, 105, 0.3);
  --color-success-dark: #146c36;
  --color-secondary-dark: #6d4c41;
  --border-radius-sm: 0.3rem;
  --border-radius-md: 0.5rem;
  --border-radius-lg: 1rem;
}
.color-primary { color: var(--color-primary); }
.color-secondary { color: var(--color-secondary); }
.color-success { color: var(--color-success); }
.color-danger { color: var(--color-danger); }
.color-warning { color: var(--color-warning); }
.color-info { color: var(--color-info); }
.color-dark { color: var(--color-dark); }
.color-light { color: var(--color-light); }
.bg-primary { background-color: var(--color-primary) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-success { background-color: var(--color-success) !important; }
.bg-danger { background-color: var(--color-danger) !important; }
.bg-warning { background-color: var(--color-warning) !important; }
.bg-info { background-color: var(--color-info) !important; }
.bg-light { background-color: var(--color-light) !important; }
.bg-dark { background-color: var(--color-dark) !important; }
.border-primary { border-color: var(--color-primary) !important; }
.border-secondary { border-color: var(--color-secondary) !important; }
.border-success { border-color: var(--color-success) !important; }
.border-danger { border-color: var(--color-danger) !important; }
.border-warning { border-color: var(--color-warning) !important; }
.border-info { border-color: var(--color-info) !important; }
.border-light { border-color: var(--color-border) !important; }
.border-dark { border-color: var(--color-dark) !important; }