/**
 * Paleta de colores centralizada - LMS
 * Primario: #4d8d42 | Secundario: #E56B1F
 * Modo dark: negro
 */
:root {
  /* Colores de marca desde theme-colors.css */

  /* Texto y fondos */
  --primary-color: #2B2B2B;
  --primary-color-2: #6E798A;
  --secondery-color: var(--color-secondary);
  --bg-white: #fff;
  --bg-white-2: #fff;
  --bg-white-3: #fff;
  --bg-white-4: #fff;
  --bg-white-5: #fff;
  --bg-white-6: #444;
  --bg-white-7: #fff;

  /* Colores semánticos */
  --color-1: #2B2B2B;
  --color-2: #000;
  --color-3: #505763;
  --color-4: var(--color-primary);
  --color-5: #000;
  --color-6: var(--color-secondary);
  --color-7: #000;
  --color-8: rgba(255, 255, 255, 0.644);
  --color-9: #fff;
  --color-10: #2B2B2B;
  --color-11: #6E798A;
  --color-12: #4d8d423a;
  --color-13: #6D7487;
  --color-14: #000;
  --color-15: var(--color-primary-light);
  --color-16: #6e798aab;
  --color-17: #0080FF;

  /* UI */
  --hover-color: #f2f3f5;
  --hover-color-2: #f2f3f5;
  --border-color: #1e293b2a;
  --border-light: #ddd;
  --color-linear: linear-gradient(96deg, rgba(235, 247, 247, 1) 0%, rgba(248, 231, 249, 1) 100%);
  --box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  --shadow-light: 0px 2px 8px -1px rgba(0, 0, 0, 0.15);
  --color-default: var(--color-primary);

  /* Override Bootstrap para paleta */
  --bs-primary: var(--color-primary);
  --bs-secondary: var(--color-secondary);
}

/* Modo dark - solo negro */
.dark-theme {
  --primary-color: #ddd;
  --primary-color-2: #6E798A;
  --secondery-color: var(--color-secondary);
  --bg-white: #000;
  --bg-white-2: #111;
  --bg-white-3: #ddd;
  --bg-white-4: #111;
  --bg-white-5: #111;
  --bg-white-6: #000;
  --bg-white-7: #000;
  --color-1: #ddd;
  --color-2: #000;
  --color-3: #fff;
  --color-4: var(--color-primary);
  --color-5: #fff;
  --color-6: var(--color-secondary);
  --color-7: #111;
  --color-8: #fff;
  --color-9: #fff;
  --color-10: #000;
  --color-11: #ddd;
  --color-12: var(--color-primary-alpha);
  --color-13: #fff;
  --color-14: #fff;
  --color-15: #ffffff6b;
  --color-16: #ffffff;
  --hover-color: #222;
  --hover-color-2: #111;
  --border-color: #333;
  --border-light: #444;
  --color-linear: #000;
  --box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 12px;
}