/**
 * Variables de colores centralizadas para la plataforma
 * Este archivo define la paleta de colores unificada
 */

:root {
  /* Colores Base */
  --color-base-primary: #9c4957;
  --color-base-primary-rgb: 156, 73, 87;
  --color-base-bg-light: #f9f5f7;
  --color-base-success-rgb: 45, 134, 89;

  /* Colores Primarios */
  --color-primary-hover: #b81e4b;
  --color-primary-light: rgba(var(--color-base-primary-rgb), 0.1);
  --color-primary-medium: rgba(var(--color-base-primary-rgb), 0.25);
  --color-primary-dark: rgba(var(--color-base-primary-rgb), 0.3);

  /* Colores de Texto */
  --color-text-primary: #181e1e;
  --color-text-secondary: #6c757d;
  --color-text-secondary-dark: #495057;
  --color-text-accent: var(--color-base-primary);
  --color-text-accent-light: #b88b98;
  --color-white: #ffffff;

  /* Colores de Fondo */
  --color-bg-primary: var(--color-base-bg-light);
  --color-bg-light: #f8f9fa;
  --color-bg-accent: #f4e7e9;

  /* Colores de Bordes */
  --color-border-default: #dee2e6;
  --color-border-accent: #e9d3d7;

  /* Colores de Estado */
  --color-error: #dc3545;
  --color-error-light: rgba(220, 53, 69, 0.1);
  --color-success: #22a35b;
  --color-success-dark: #2d8659;
  --color-info: #0dcaf0;

  /* Colores de Sombra */
  --shadow-very-light: rgba(0, 0, 0, 0.05);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-primary-light: rgba(var(--color-base-primary-rgb), 0.1);
  --shadow-primary-medium: rgba(var(--color-base-primary-rgb), 0.15);
  --shadow-primary-strong: rgba(var(--color-base-primary-rgb), 0.25);
  --shadow-primary-intense: rgba(var(--color-base-primary-rgb), 0.3);
  --shadow-success: rgba(var(--color-base-success-rgb), 0.3);
  --shadow-success-intense: rgba(var(--color-base-success-rgb), 0.5);
  --shadow-text: rgba(24, 30, 30, 0.2);
  --shadow-accent: rgba(var(--color-base-primary-rgb), 0.15);
}