:root {
            --bs-primary: #041b4d;
            --bs-secondary: #a17e3e;
            --bs-surface: #fbf9f8;
            --bs-surface-low: #f5f3f3;
            --bs-on-surface-variant: #45464f;
            --bs-border-color: #c5c6d0;
            --bs-tertiary-bg: #1b1f21;
        }

        body {
            font-family: 'Work Sans', sans-serif;
            background-color: var(--bs-surface);
            color: #1b1c1c;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, .font-title {
            font-family: 'Manrope', sans-serif;
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
            vertical-align: middle;
        }

        .clinical-shadow {
            box-shadow: 0px 4px 20px rgba(30, 49, 99, 0.08);
        }

        .backdrop-blur-md {
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }

        .geometric-bg {
            background-image: radial-gradient(circle at 2px 2px, #e2e8f0 1px, transparent 0);
            background-size: 24px 24px;
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: var(--bs-secondary);
            border-radius: 10px;
        }

        /* Custom Buttons and Colors */
        .btn-primary-custom {
            background-color: var(--bs-secondary);
            color: #ffffff;
            border: none;
        }
        .btn-primary-custom:hover {
            background-color: var(--bs-primary);
            color: #ffffff;
        }

        .btn-outline-secondary-custom {
            border: 2px solid var(--bs-secondary);
            color: var(--bs-primary);
            background: transparent;
        }
        .btn-outline-secondary-custom:hover {
            background-color: rgba(119, 90, 12, 0.05);
            color: var(--bs-primary);
        }

        .bg-primary-custom {
            background-color: var(--bs-primary) !important;
        }
        .text-primary-custom {
            color: var(--bs-primary) !important;
        }
        .bg-secondary-custom {
            background-color: var(--bs-secondary) !important;
        }
        .text-secondary-custom {
            color: var(--bs-secondary) !important;
        }
        .bg-surface-low {
            background-color: var(--bs-surface-low) !important;
        }
        .text-muted-custom {
            color: var(--bs-on-surface-variant) !important;
        }
        .text-warning{
            color: var(--bs-secondary) !important;
        }
        .border-warning{
            border-color: var(--bs-secondary) !important;
        }
        .bg-warning{
            background-color: var(--bs-secondary) !important;
        }