/* ============================================================
   Utility / Helper Classes
   Colour helpers, backdrop-blur, no-select, no-outline.
   ============================================================ */

.backdrop-blur {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Utility classes */
.gf-text-primary {
  color: var(--gf-color-primary) !important;
}
.gf-bg-primary {
  background-color: var(--gf-color-primary) !important;
  color: var(--gf-color-primary-contrast) !important;
}
.gf-border-primary {
  border-color: var(--gf-color-primary) !important;
}
.gf-ring-primary {
  box-shadow: 0 0 0 3px var(--gf-color-focus-ring);
}

/* Button variant */
/* Soft background helper */
.gf-bg-primary-soft {
  background-color: var(--gf-color-primary-soft);
}

.gf-no-select {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.gf-no-outline,
.gf-no-outline:focus,
.gf-no-outline:active {
  outline: none !important;
  box-shadow: none !important;
}