:root {
    --color-transparent: transparent;
    --color-white: #fff;
    --color-light: #F8F5F1;
    --color-medium: #EAE6DF;
    --color-pulse-red: #B71234;
    --color-rose-red: #F1D0D6;
    --color-medical-blue: #3DB7E4;
    --color-skin-beige: #F1CDAF;
    --color-heart-red: #5E172D;
    --color-bandage-white: #EAE6DF;
    --color-urgent-blue: #003145;
    --color-urgent-blue-60: #66838F;
    --color-urgent-blue-10: #E5EAEC;
}

.bg-color-transparent { background-color: var(--color-transparent) !important; }
.bg-color-white { background-color: var(--color-white) !important; }
.bg-color-light { background-color: var(--color-light) !important; }
.bg-color-medium { background-color: var(--color-medium) !important; }
.bg-color-pulse-red { background-color: var(--color-pulse-red) !important; }
.bg-color-rose-red { background-color: var(--color-rose-red) !important; }
.bg-color-medical-blue { background-color: var(--color-medical-blue) !important; }
.bg-color-skin-beige { background-color: var(--color-skin-beige) !important; }
.bg-color-heart-red { background-color: var(--color-heart-red) !important; }
.bg-color-bandage-white { background-color: var(--color-bandage-white) !important; }
.bg-color-urgent-blue { background-color: var(--color-urgent-blue) !important; }
.bg-color-urgent-blue-60 { background-color: var(--color-urgent-blue-60) !important; }
.bg-color-urgent-blue-10 { background-color: var(--color-urgent-blue-10) !important; }


/***********************************
BORDER-RADIUS
************************************/
.border-radius-5 {
    border-radius: 5px;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-15 {
    border-radius: 15px;
}

.border-radius-20 {
    border-radius: 20px;
}



html, body {
    font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
    background-color: var(--color-urgent-blue-10);
    color: var(--color-urgent-blue);
    font-size: 16px;
    overflow-x: hidden;
}

/* Error boundary: používat paletu */
.blazor-error-boundary {
    background-color: var(--color-pulse-red);
    color: var(--color-white);
    padding: 1rem;
    border-radius: 6px;
}

/* globální odkazy / buttony (příklad konzistence) */
a, .btn-link {
    color: var(--color-urgent-blue);
}

.cover {
    background-color: var(--color-light);
    padding: 15px;
    border-radius: 15px;
}



/* Modální okno*/
.modal {
    background-color: rgba(0,0,0,0.5);
}

.modal-header {
    background-color: var(--color-urgent-blue);
    padding: 8px 15px;
}

    .modal-header .modal-title {
        color: var(--color-bandage-white) !important;
        font-size: 1.6rem;
    }

    .modal-header .btn-close {
        background: none;
        color: var(--color-bandage-white) !important;
    }

.modal-body {
    background-color: var(--color-light);
    max-height: 70vh;
    overflow: auto;
}

.modal .form-label {
    font-weight: 600;
}

.modal-footer {
    background-color: var(--color-bandage-white);
}