/* =========================================================
   UFS CONTEXT THEMES
   Apply one context class to a page root or application shell.
   ========================================================= */
.ufs-context-facility,
[data-ufs-context="facility"] {
    --ufs-context-darker: var(--ufs-facility-darker);
    --ufs-context-primary: var(--ufs-facility-primary);
    --ufs-context-light: var(--ufs-facility-light);
    --ufs-context-lighter: var(--ufs-facility-lighter);
    --ufs-context-muted: var(--ufs-facility-muted);
    --ufs-context-on-primary: #FFFFFF;
}

.ufs-context-personal,
[data-ufs-context="personal"] {
    --ufs-context-darker: var(--ufs-personal-darker);
    --ufs-context-primary: var(--ufs-personal-primary);
    --ufs-context-light: var(--ufs-personal-light);
    --ufs-context-lighter: var(--ufs-personal-lighter);
    --ufs-context-muted: var(--ufs-personal-muted);
    --ufs-context-on-primary: #FFFFFF;
}

.ufs-context-connection,
[data-ufs-context="connection"] {
    --ufs-context-darker: var(--ufs-navy);
    --ufs-context-primary: var(--ufs-navy);
    --ufs-context-light: var(--ufs-facility-light);
    --ufs-context-lighter: linear-gradient(90deg, var(--ufs-facility-lighter), var(--ufs-personal-lighter));
    --ufs-context-muted: var(--ufs-gray-300);
    --ufs-context-on-primary: #FFFFFF;
}

.ufs-context-admin,
[data-ufs-context="admin"] {
    --ufs-context-darker: #071F35;
    --ufs-context-primary: var(--ufs-navy);
    --ufs-context-light: #31566F;
    --ufs-context-lighter: #E8EFF4;
    --ufs-context-muted: #B8C9D5;
    --ufs-context-on-primary: #FFFFFF;
}

.ufs-context-accent {
    color: var(--ufs-context-primary) !important;
}

.ufs-context-surface {
    background: var(--ufs-context-lighter) !important;
    color: var(--ufs-context-darker) !important;
}

.ufs-context-border {
    border-color: var(--ufs-context-muted) !important;
}