/* =====================================================================
   Ruta en GitHub : frontend/css/tokens.css
   Proyecto       : DR ORGANICS - Sistema Administrativo y Financiero
   Descripción    : Colores, tamaños y valores de diseño.

   Todo el aspecto de la aplicación se controla desde aquí. Para
   cambiar un color o un tamaño, se modifica una sola vez en este
   archivo y se refleja en toda la aplicación.
   ===================================================================== */





:root {

  /* ---------------------------------------------------------------
     Colores de marca (tomados del logotipo)
     --------------------------------------------------------------- */
  --verde-bosque: #1E4D14;
  --verde-bosque-oscuro: #173E10;
  --verde-hoja: #69A81C;
  --cafe-raiz: #4A2A1A;


  /* ---------------------------------------------------------------
     Fondos y bordes
     --------------------------------------------------------------- */
  --fondo: #F5F6F2;
  --superficie: #FFFFFF;
  --superficie-suave: #FAFBF8;
  --borde: #E1E4DA;
  --borde-fuerte: #C9CFC0;


  /* ---------------------------------------------------------------
     Textos
     --------------------------------------------------------------- */
  --texto: #1D2419;
  --texto-fuerte: #2B3327;
  --texto-suave: #3B4536;
  --texto-tenue: #566052;
  --texto-placeholder: #6B7565;


  /* ---------------------------------------------------------------
     Interacción (al pasar el cursor y elemento activo)
     --------------------------------------------------------------- */
  --hover-verde: #EDF1E8;
  --activo-verde: #E4EEDA;
  --fila-hover: #F1F7EA;
  --encabezado-tabla: #EEF1E9;


  /* ---------------------------------------------------------------
     Estados
     --------------------------------------------------------------- */
  --ok-fondo: #E3F1D6;
  --ok-texto: #24560F;
  --advertencia-fondo: #FBEBC8;
  --advertencia-texto: #7A4E00;
  --peligro: #B3261E;
  --peligro-fondo: #FADAD6;
  --peligro-texto: #8F1D14;
  --info-fondo: #DCEAF4;
  --info-texto: #1F4E73;
  --neutro-fondo: #E9EBE5;
  --neutro-texto: #4A5346;


  /* ---------------------------------------------------------------
     Formas y sombras
     --------------------------------------------------------------- */
  --radio-chico: 6px;
  --radio: 8px;
  --radio-grande: 10px;
  --radio-modal: 14px;
  --sombra-modal: 0 24px 60px rgba(10, 20, 5, 0.35);
  --sombra-aviso: 0 8px 24px rgba(10, 20, 5, 0.22);


  /* ---------------------------------------------------------------
     Tamaños de controles
     --------------------------------------------------------------- */
  --alto-control: 36px;
  --alto-control-grande: 44px;
  --alto-barra: 56px;
  --ancho-menu: 240px;
  --ancho-menu-colapsado: 64px;


  /* ---------------------------------------------------------------
     Tipografía y movimiento
     --------------------------------------------------------------- */
  --fuente: system-ui, -apple-system, "Segoe UI", sans-serif;
  --transicion: 130ms ease;

}