/* Seletar Country Club brand override for axeloz/filesharing.
   Colors pulled from the club's actual logo (not guessed):
   primary        #083C78  navy blue  - darkest tone in the logo
   primary-light  #1B98D0  sky blue   - lightest saturated tone in the logo
   Loaded after the compiled Tailwind CSS, so these win the cascade without
   needing to rebuild the app from source. Selector list is exhaustive -
   verified against the actual compiled CSS, not guessed. */

.bg-primary,
.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(8 60 120 / var(--tw-bg-opacity, 1));
}

.bg-primary-light,
.hover\:bg-primary-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(27 152 208 / var(--tw-bg-opacity, 1));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(8 60 120 / var(--tw-text-opacity, 1));
}

.text-primary-light {
  --tw-text-opacity: 1;
  color: rgb(27 152 208 / var(--tw-text-opacity, 1));
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(8 60 120 / var(--tw-border-opacity, 1));
}

.border-primary-light {
  --tw-border-opacity: 1;
  border-color: rgb(27 152 208 / var(--tw-border-opacity, 1));
}

.from-primary-light {
  --tw-gradient-from: rgb(27 152 208) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(27 152 208 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-primary {
  --tw-gradient-to: rgb(8 60 120) var(--tw-gradient-to-position);
}

.dropzone {
  --tw-border-opacity: 1 !important;
  border-color: rgb(27 152 208 / var(--tw-border-opacity, 1)) !important;
}