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

:root{
  --apogee-accent: #F66D1D;
}

/* Elastic uses CSS variables for theme colors */
:root,
html,
body {
  --primary: var(--apogee-accent) !important;
  --primary-color: var(--apogee-accent) !important;
  --link-color: var(--apogee-accent) !important;
  --btn-primary-bg: var(--apogee-accent) !important;
  --btn-primary-border: var(--apogee-accent) !important;
}

/* Global font */
html, body, input, select, textarea, button {
  font-family: "Victor Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

/* Links */
a, a:visited { color: var(--apogee-accent) !important; }

/* Primary buttons (Elastic) */
.btn.btn-primary,
button.btn.btn-primary,
input.btn.btn-primary {
  background-color: var(--apogee-accent) !important;
  border-color: var(--apogee-accent) !important;
}

/* Focus ring */
:focus, .form-control:focus, input:focus, select:focus, textarea:focus, button:focus {
  outline: none !important;
  box-shadow: 0 0 0 0.2rem rgba(246,109,29,.25) !important;
  border-color: rgba(246,109,29,.65) !important;
}