@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&family=Teko:wght@400;500;700&display=swap');

/* Apply font overrides */
body, button, input, select, textarea, .font-sans {
  font-family: 'Rubik', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Teko', 'Rubik', sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Primary Color variables override (HSL) */
:root, .dark-mode-disabled {
  --primary: 38 75% 50% !important; /* Harbingers Gold */
  --primary-foreground: 38 75% 10% !important;
  --documenso: #DD9720 !important;
  --documenso-50: #fff9ed !important;
  --documenso-100: #ffeed3 !important;
  --documenso-200: #ffdca4 !important;
  --documenso-300: #ffc26a !important;
  --documenso-400: #ffa134 !important;
  --documenso-500: #DD9720 !important;
  --documenso-600: #c6851b !important;
  --documenso-700: #a56b18 !important;
  --documenso-800: #835319 !important;
  --documenso-900: #6b4418 !important;
  --documenso-950: #3c230b !important;

  --new-primary-50: 38, 75%, 97% !important;
  --new-primary-100: 38, 75%, 94% !important;
  --new-primary-200: 38, 75%, 87% !important;
  --new-primary-300: 38, 75%, 81% !important;
  --new-primary-400: 38, 75%, 74% !important;
  --new-primary-500: 38, 75%, 50% !important;
  --new-primary-600: 38, 75%, 45% !important;
  --new-primary-700: 38, 75%, 38% !important;
  --new-primary-800: 38, 75%, 28% !important;
  --new-primary-900: 38, 75%, 18% !important;
  --new-primary-950: 38, 75%, 10% !important;
}

.dark:not(.dark-mode-disabled) {
  --background: 220 57% 7% !important; /* #070d1a page bg */
  --primary: 38 75% 50% !important;
  --primary-foreground: 38 75% 10% !important;
  --new-primary-50: 38, 75%, 97% !important;
  --new-primary-100: 38, 75%, 94% !important;
  --new-primary-200: 38, 75%, 87% !important;
  --new-primary-300: 38, 75%, 81% !important;
  --new-primary-400: 38, 75%, 74% !important;
  --new-primary-500: 38, 75%, 50% !important;
  --new-primary-600: 38, 75%, 45% !important;
  --new-primary-700: 38, 75%, 38% !important;
  --new-primary-800: 38, 75%, 28% !important;
  --new-primary-900: 38, 75%, 18% !important;
  --new-primary-950: 38, 75%, 10% !important;
}

/* Custom logo styling and override */
.harbingers-logo {
  display: inline-block !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 140px !important;
  height: 32px !important;
}

.dark .harbingers-logo {
  background-image: url('/custom-logo-wht.png') !important;
}

body:not(.dark) .harbingers-logo {
  background-image: url('/custom-logo-blk.png') !important;
}

/* Hide default SVG icon if we've successfully injected our logo */
a[href="/"] svg, a[href="/dashboard"] svg, a[href="/home"] svg {
  display: none !important;
}
a[href="/"] .harbingers-logo, a[href="/dashboard"] .harbingers-logo {
  display: inline-block !important;
}