/* 
 * Global Color Palette System
 * This file centralizes all core colors used across the application.
 */

:root {
    /* ========================================================
       Design System Colors
       ======================================================== */
       
    /* Brand Colors */
    --primary: #92400E;
    --primary-dark: #78350F;
    --accent: #F59E0B;
    --accent-light: #FCD34D;

    /* Backgrounds */
    --background: #FFFFFF;
    --surface: #FFFBEB;

    /* Text */
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --text-support: #334155; /* Icon & secondary headings support */

    /* Borders */
    --border: #E5E7EB;

    /* ========================================================
       Legacy Mappings (Maintains compatibility with existing UI)
       ======================================================== */
    --l-bg: var(--background);
    --l-surface: var(--surface);
    --l-border: var(--border);
    --l-text: var(--text-primary);
    --l-text-muted: var(--text-support);
    --l-accent: var(--accent); /* Using Orange (#F59E0B) as the main accent */
    
    /* Additional UI colors tied to the theme */
    --c-text-inverse: var(--surface);

    /* ========================================================
       Dashboard & Auth Mappings
       ======================================================== */
    --fihris-bg: var(--background); /* White */
    --fihris-surface: #F9FAFB; /* Slightly off-white for cards, not yellow */
    --fihris-border: var(--border);
    --fihris-text: var(--text-primary);
    --fihris-text-muted: var(--text-secondary);
    --fihris-accent: var(--accent);
}