/* ADS LED Warranty Portal - project theme
 *
 * The palette and typeface are ADS LED's own, taken from the company website
 * (adsled.in): brand red #ED1C24, gold #F2A900, ink #0B0F1A, muted #8A93A6,
 * set in Montserrat. The portal is being attached to that site, so it should
 * look like it belongs to it.
 *
 * Montserrat is self-hosted under the SIL Open Font License (see
 * fonts/montserrat-LICENSE.txt). It replaces the previous vendor's licensed
 * font - see docs/DIVERGENCE.md.
 *
 * The chrome is dark and the working canvas is light. That is the one
 * structural decision here, and it earns its keep three times over: the
 * official logo is drawn white-on-dark and now needs no doctoring, it matches
 * adsled.in, and it puts the brand's weight in the frame rather than in the
 * data. Nothing moved - every control is exactly where it was.
 */

@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;}

:root{
  /* ADS LED brand */
  --brand-red:#ED1C24;
  --brand-red-dark:#C8151C;
  --brand-gold:#F2A900;
  --brand-ink:#0B0F1A;
  --brand-muted:#8A93A6;

  /* Kept as aliases so nothing that referenced the old names breaks. */
  --brand-pink:var(--brand-red);
  --brand-success:#1E9E6A;
  --brand-orange:#F2A900;

  --body-bg:#F5F6F8;
  --body-fg:#3C424E;
  --table-fg:#3C424E;
  --th-fg:#0B0F1A;
  --rule:#E5E7EC;
  --card-shadow:0 1px 2px rgba(11,15,26,.04), 0 8px 24px -16px rgba(11,15,26,.28);
}

body{font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;font-size:15px;background:var(--body-bg);color:var(--body-fg);
     -webkit-font-smoothing:antialiased;}

h1,h2,h3,h4,h5,h6{color:var(--brand-ink);font-weight:600;letter-spacing:-.011em;}

.card{background:#fff;border-radius:10px;box-shadow:var(--card-shadow);border:1px solid var(--rule);}
table{color:var(--table-fg);} table th{color:var(--th-fg);font-weight:600;padding:12px 30px 12px 12px;}
.btn{border-radius:7px;font-weight:500;letter-spacing:.005em;}
.btn-pink{background:var(--brand-red);color:#fff;} .btn-success{background:var(--brand-success);color:#fff;}
.btn-orange{background:var(--brand-gold);color:#1B1400;}

/* --- derived from the tokens above --- */
.btn-pink:hover,.btn-pink:focus{background:var(--brand-red-dark);color:#fff;}
.btn-success:hover,.btn-success:focus{background:#178054;color:#fff;}
.btn-orange:hover,.btn-orange:focus{background:#D89700;color:#1B1400;}
/* Soft red, per the capture - the Reject button is not a harsh Bootstrap red. */
.btn-danger{background:#E56A6A;border-color:#E56A6A;color:#fff;}
.btn-danger:hover,.btn-danger:focus{background:#D25252;border-color:#D25252;color:#fff;}
.badge-pink{background:var(--brand-red);color:#fff;}
.text-pink{color:var(--brand-red);}
a{color:var(--brand-red);}
a:hover{color:var(--brand-red-dark);}