﻿:root {
    /* Brand Colors - Primary (Loan Status Green) */
    --bs-primary: #0c9444;
    --bs-primary-rgb: 12, 148, 68;
    --bs-primary-hover: #0a7a38;
    --bs-primary-light: rgba(12, 148, 68, 0.25);
    --bs-primary-lighter: rgba(12, 148, 68, 0.1);
    /* Brand Colors - Secondary */
    --bs-secondary: #6c757d;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-secondary-hover: #5a6268;
    --bs-secondary-light: rgba(108, 117, 125, 0.25);
    --bs-secondary-lighter: rgba(108, 117, 125, 0.1);
    /* Brand Colors - Success */
    --bs-success: #28a745;
    --bs-success-rgb: 40, 167, 69;
    --bs-success-hover: #218838;
    --bs-success-light: rgba(40, 167, 69, 0.25);
    --bs-success-lighter: rgba(40, 167, 69, 0.1);
    /* Brand Colors - Danger */
    --bs-danger: #dc3545;
    --bs-danger-rgb: 220, 53, 69;
    --bs-danger-hover: #c82333;
    --bs-danger-light: rgba(220, 53, 69, 0.25);
    --bs-danger-lighter: rgba(220, 53, 69, 0.1);
    /* Brand Colors - Warning */
    --bs-warning: #ffc107;
    --bs-warning-rgb: 255, 193, 7;
    --bs-warning-hover: #e0a800;
    --bs-warning-light: rgba(255, 193, 7, 0.25);
    --bs-warning-lighter: rgba(255, 193, 7, 0.1);
    /* Brand Colors - Info */
    --bs-info: #17a2b8;
    --bs-info-rgb: 23, 162, 184;
    --bs-info-hover: #138496;
    --bs-info-light: rgba(23, 162, 184, 0.25);
    --bs-info-lighter: rgba(23, 162, 184, 0.1);
    /* Brand Colors - Light */
    --bs-light: #f8f9fa;
    --bs-light-rgb: 248, 249, 250;
    --bs-light-hover: #e2e6ea;
    --bs-light-light: rgba(248, 249, 250, 0.25);
    --bs-light-lighter: rgba(248, 249, 250, 0.1);
    /* Brand Colors - Dark */
    --bs-dark: #343a40;
    --bs-dark-rgb: 52, 58, 64;
    --bs-dark-hover: #23272b;
    --bs-dark-light: rgba(52, 58, 64, 0.25);
    --bs-dark-lighter: rgba(52, 58, 64, 0.1);
    /* Shadows */
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --shadow-primary: 0 10px 40px -10px rgba(12, 148, 68, 0.35);
    --shadow-glow: 0 0 20px rgba(12, 148, 68, 0.15);
    --bs-link-color: #000000;
    --bs-link-hover-color: #333333;
    --bs-pagination-active-bg: var(--bs-primary) !important;
    /* Animations */
    --transition-fast: 150ms;
    --transition-base: 250ms;
    --transition-slow: 350ms;
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    /* Layout */
    --header-height: 100px;
    --header-height-mobile: 100px;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;
}
