/* Humano Forte Global Brand Styles */
/* Centralized CSS variables to maintain consistency across the platform */

:root {
    /* Primary Brand Colors (Magenta/Purple Scale) */
    --brand-50: #fdf0f6;
    --brand-100: #fbe0ee;
    --brand-200: #f4b9d5;
    --brand-300: #eb7cb0;
    --brand-400: #da368b;
    --brand-500: #991D5C;
    --brand-600: #6B2B81;
    --brand-700: #561d68;
    --brand-800: #410f4f;
    --brand-900: #2a0535;

    /* Gray Scale */
    --gray-50: #f8fafc;
    --gray-100: #f1f5f9;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
    --gray-600: #475569;
    --gray-700: #334155;
    --gray-800: #1e293b;
    --gray-900: #0f172a;

    /* Legacy aliases to support older CSS files until fully transitioned */
    --primary-blue: #6B2B81;
    --secondary-blue: #991D5C;
    --accent-blue: #da368b;
    --dark-text: #1a1a1a;
    --light-text: #6b7280;
    --bg-light: #f8fafc;
    --bg-white: #ffffff;
    --border-light: #e5e7eb;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
    --gradient-primary: linear-gradient(135deg, var(--brand-600), var(--brand-500));

    /* UI Base Variables */
    --primary: var(--brand-500);
    --primary-dark: var(--brand-600);
    --secondary: var(--brand-600);
    --success: #4dc900;
    --danger: #d32f2f;
    --warning: #ffb300;
    --info: var(--brand-500);
    --bg: #f8f9fa;
    --text: #23272b;
    --muted: #7e8299;
}