/* 
 * Compatibility Variables for Legacy CSS
 * 
 * This file defines fallback variables for older CSS that hasn't been fully converted
 * to the new theme color system yet.
 */

:root {
    /* Layout and spacing */
    --l: 15px;                          /* Large spacing */
    --m: 10px;                          /* Medium spacing */
    --xl: 25px;                         /* Extra large spacing */
    --xxl: 25px;                        /* Double extra large spacing */
    --largo: 40px;                      /* Large gap */
    --radius-big: 20px;                 /* Big border radius */
    
    /* Typography */
    --body: 16px;                       /* Body font size */
    --regular: 400;                     /* Regular font weight */
    --fuente-principal: inherit;        /* Main font family */
    
    /* Borders */
    --border: 1px solid var(--theme-secondary-color);
    --border-button: 1px solid var(--theme-button-color);
    
    /* Legacy color mappings to new theme system */
    --principal: var(--theme-primary-color);
    --principal-text: var(--theme-button-text);
    --medio: var(--theme-text-color);
    --tenue: var(--theme-secondary-color);
    --claro: var(--theme-bg-color);
    --color-claro: var(--theme-text-color);
    --color-medio: var(--theme-text-color);
    --color-border: var(--theme-secondary-color);
    --color-barra: var(--theme-link-color);
    
    /* Status colors - these may need to be defined separately */
    --color-green-background: #d4edda;
    --color-green-text: #155724;
    --color-notas-background: #fff3cd;
    --color-notas-text: #856404;
    --color-gasto-background: #f8d7da;
    --color-gasto-text: #721c24;
}