/* --------------------------------------------------
   CrewCoord Bootstrap Theme
   Black / Gold / Working Blue — Hard Edge
-----------------------------------------------------*/

:root {
  /* Core palette */
  --cc-black: #000000;
  --cc-black-soft: #111111;

  --cc-gold: #d4af37;        /* strong gold */
  --cc-gold-light: #e3c76a;  /* lighter gold */

  --cc-blue: #0074d9;        /* working blue */
  --cc-blue-dark: #005aab;   /* darker variant */

  --bs-body-bg: var(--cc-black);
  --bs-body-color: #f2f2f2;

  /* Bootstrap overrides */
  --bs-primary: var(--cc-blue);
  --bs-primary-rgb: 0, 116, 217;

  --bs-secondary: var(--cc-gold);
  --bs-secondary-rgb: 212, 175, 55;

  --bs-link-color: var(--cc-blue);
  --bs-link-hover-color: var(--cc-gold);

  --bs-border-color: var(--cc-gold);

  --bs-btn-border-radius: 0; /* Hard edges */
  --bs-card-border-radius: 0;
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
}

/* --------------------------------------------------
   Background Variants
-----------------------------------------------------*/
.bg-black {
  background-color: var(--cc-black) !important;
}
.bg-blue {
  background-color: var(--cc-blue) !important;
}
.bg-gold {
  background-color: var(--cc-gold) !important;
}

/* --------------------------------------------------
   Text
-----------------------------------------------------*/
.text-gold {
  color: var(--cc-gold) !important;
}
.text-blue {
  color: var(--cc-blue) !important;
}

/* --------------------------------------------------
   Buttons
-----------------------------------------------------*/
.btn-primary {
  background-color: var(--cc-blue);
  border-color: var(--cc-blue-dark);
  color: #fff;
}

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

.btn-secondary {
  background-color: var(--cc-gold);
  border-color: var(--cc-gold-light);
  color: #000;
}

.btn-secondary:hover {
  background-color: var(--cc-gold-light);
  border-color: var(--cc-gold-light);
  color: #000;
}

/* --------------------------------------------------
   Cards
-----------------------------------------------------*/
.card {
  background-color: var(--cc-black-soft);
  border: 1px solid var(--cc-gold);
  color: #fff;
}

/* --------------------------------------------------
   Inputs
-----------------------------------------------------*/
.form-control,
.form-select {
  background-color: #0c0c0c;
  border: 1px solid var(--cc-gold);
  color: #fff;
  border-radius: 0;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--cc-blue);
  box-shadow: 0 0 0 0.25rem rgba(0, 116, 217, 0.3);
  background-color: #0c0c0c;
  color: #fff;
}

/* --------------------------------------------------
   Horizontal rule
-----------------------------------------------------*/
hr {
  border-top: 1px solid var(--cc-gold);
}

/* --------------------------------------------------
   Links
-----------------------------------------------------*/
a {
  color: var(--cc-blue);
}
a:hover {
  color: var(--cc-gold);
}

/* --------------------------------------------------
   Hard edge containers
-----------------------------------------------------*/
.hard-edge {
  border: 2px solid var(--cc-gold);
  padding: 1rem;
  background-color: var(--cc-black-soft);
}