/* ===========================================
   GLOBAL CSS VARIABLES
   =========================================== */

:root {
    /* Typography */
    --font-family: Montserrat;
    
    /* Colors */
    --lf-primary-color: #98012e;
    --lf-primary-color-light: #f6f1f1;
    --lf-primary-color-dark: #810027;
    --lf-text-color: #1F2937;
    --lf-muted-light: #f3f4f6;
    --lf-muted-dark: #9ca3af;
    --lf-bg: #ffffff;
    
    /* Borders & Spacing */
    --lf-border: 1px solid #D3D8E3;
    --lf-radius: 8px;
    --lf-space-3: 16px;
    --lf-space-2: 12px;
    --lf-space-1: 10px;   
    /* Aliases for backward compatibility */
    --lf-muted-color: var(--lf-muted-dark);
    --lf-primary: var(--lf-primary-color);
    --lf-accent: var(--lf-primary-color);
}