/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ============================
   CHEVRON DESIGN SYSTEM COLORS
   ============================ */
:root {
  /* Primary Colors */
  --chevron-navy: #002F6C;
  --chevron-dark-blue: #003B71;
  --chevron-blue: #0066B3;
  --chevron-light-blue: #4A90D9;
  --chevron-sky-blue: #B3D4FC;
  /* Accent Colors */
  --chevron-red: #D63F3F;
  --chevron-dark-red: #9B1B30;
  /* Neutral Colors */
  --chevron-white: #FFFFFF;
  --chevron-light-gray: #F5F5F5;
  --chevron-gray: #E0E0E0;
  --chevron-mid-gray: #999999;
  --chevron-dark-gray: #333333;
  --chevron-black: #1A1A1A;
  /* Semantic */
  --success: #28A745;
  --warning: #FFC107;
  --danger: #DC3545;
  --info: #17A2B8;
  /* Layout */
  --header-height: 100px;
  --nav-height: 46px;
  --footer-height: 80px;
}

/* Global Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  color: var(--chevron-dark-gray);
  background-color: var(--chevron-light-gray);
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

a {
  color: var(--chevron-blue);
  text-decoration: none;
}

a:hover {
  color: var(--chevron-dark-blue);
  text-decoration: underline;
}

/* Form Elements */
input, select, textarea {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
}

/* Buttons */
.btn {
  display: inline-block;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.btn-primary {
  background-color: var(--chevron-blue);
  color: var(--chevron-white);
}

.btn-primary:hover {
  background-color: var(--chevron-dark-blue);
}

.btn-danger {
  background-color: var(--chevron-red);
  color: var(--chevron-white);
}

.btn-danger:hover {
  background-color: var(--chevron-dark-red);
}

.btn-secondary {
  background-color: var(--chevron-gray);
  color: var(--chevron-dark-gray);
}

.btn-secondary:hover {
  background-color: var(--chevron-mid-gray);
  color: var(--chevron-white);
}

/*# sourceMappingURL=styles.88b290c076615557.css.map*/