/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Space Mono Font Classes */
.space-mono-regular {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.space-mono-bold {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: normal;
}

.space-mono-regular-italic {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: italic;
}

.space-mono-bold-italic {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: italic;
}

/* Apply Space Mono to all headings */
h1, h2, h3, h4, h5, h6, body,
.font-bold {
  font-family: "Space Mono", monospace;
}

/* Signature Colors */
.signature-color {
    color: #46af7d;
}

.signature-color-light {
    color: #9ddbbd;
}

.signature-color-dark {
    color: rgb(6, 76, 42);
}

/* Override blue colors with signature green */
.bg-blue-600 {
    background-color: #46af7d !important;
}

.bg-blue-700 {
    background-color: rgb(6, 76, 42) !important;
}

.hover\:bg-blue-700:hover {
    background-color: rgb(6, 76, 42) !important;
}

.bg-blue-100 {
    background-color: #e6f7f0 !important;
}

.text-blue-600 {
    color: #46af7d !important;
}

.text-blue-800 {
    color: rgb(6, 76, 42) !important;
}

.hover\:text-blue-800:hover {
    color: rgb(6, 76, 42) !important;
}

.border-blue-500 {
    border-color: #46af7d !important;
}

.hover\:bg-blue-200:hover {
    background-color: #cceedd !important;
}

.hover\:underline:hover {
    text-decoration: underline;
}