/* // Global Variables
// A place for keeping all global configuration variables
// Variables can be overridden in the tenant's stylesheets/hosts/<tenant>.css

/* Global Variables from above as css */
:root {
    --primary-color: red;
    --secondary-color: blue;
    --tertiary-color: #4d4d4d;
    --quaternary-color: #9cba27;
    --background-color: #e8e8e8;
    --white-color: #ffffff;
    --red-color: #ec1c24;
    --dark-red-color: #aa4541;
    --font-heading: "adelle", serif;
    --font-body: "jaf-bernina-sans", sans-serif;
}


/* ------------- ACCESSIBILITY UTILITIES ---------------- */
/* Screen reader only class - hides content visually but keeps it accessible to assistive technology
This follows WCAG guidelines for hiding content properly */
.sr-only {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.up-truncate {
    /* truncate with ellipsis */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}