/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Global design tokens — matched to fastrax-cp (Lato, blue UI accent,
   red action color, 4px corners). */
:root {
  --brand: #0071d3;
  /* primary UI accent */
  --brand-dark: #0257a3;
  --action: #b5000f;
  /* primary action / submit */
  --action-dark: #8a000b;
  --ink: #21252b;
  --muted: #6b7178;
  --line: #dde1e6;
  --bg: #eef1f4;
  --panel: #ffffff;
  --panel-2: #f5f7f9;
  --warn: #b7791f;
  --shadow: 0 1px 2px rgba(20, 24, 31, 0.06), 0 4px 16px rgba(20, 24, 31, 0.07);
  --r: 4px;
}
* {
  box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}
body {
  background: var(--bg);
  color: var(--ink);
  font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4 {
  margin: 0;
}
button {
  font-family: inherit;
}
/* Shared UI primitives reused across pages */
.pg-btn {
  border: none;
  border-radius: var(--r);
  padding: 9px 18px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}
.pg-btn-primary {
  background: var(--action);
  color: #fff;
}
.pg-btn-primary:hover {
  background: var(--action-dark);
}
.pg-btn-secondary {
  background: var(--brand);
  color: #fff;
}
.pg-btn-secondary:hover {
  background: var(--brand-dark);
}
.pg-btn-ghost {
  background: transparent;
  color: var(--muted);
  border: 1px solid var(--line);
}
.pg-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--r);
  box-shadow: var(--shadow);
}
.mono {
  font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
}

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