/* ============================================================
   inMobiles RBT — design tokens
   Brand: InMobiles corporate red #CE171F (sampled from the
   official wordmark) over the charcoal/grey neutral family
   used on inmobiles.net. Raleway for brand type, Poppins for
   dense data UI. Flat, square surfaces.

   Re-skin for an operator by overriding ONLY this block.
   ============================================================ */
:root{
  /* brand */
  --brand-a:#CE171F;          /* InMobiles red — primary action, wordmark, active nav */
  --brand-a-dark:#a91219;
  --brand-a-soft:#fdeaec;
  --brand-b:#232B36;          /* charcoal — secondary action, markers */
  --brand-b-dark:#141A22;
  --brand-b-soft:#eceef1;

  /* neutrals */
  --bg:#f2f3f5;
  --surface:#ffffff;
  --surface-2:#fafafa;
  --line:#e4e6e9;
  --line-strong:#d1d4d9;
  --ink:#212529;
  --ink-2:#5b6270;
  --ink-3:#999999;

  /* semantic status — kept independent of the brand so that
     approve/reject stay distinguishable under a red brand */
  --ok:#2E7D32; --ok-bg:#e6f2e6;
  --warn:#c77700; --warn-bg:#fdf1de;
  --bad:#CE171F; --bad-bg:#fdeaec;
  --info:#1f5f96; --info-bg:#e3eef8;

  /* metrics */
  --sidebar-w:270px;
  --topbar-h:66px;
  --radius:0px;             /* reference UI is square */
  --radius-soft:3px;
  --shadow:0 1px 3px rgba(0,0,0,.07);
  --font:'Poppins','Segoe UI',Helvetica,Arial,sans-serif;
  --font-brand:'Raleway','Poppins','Segoe UI',Helvetica,Arial,sans-serif;
  --fs:13px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--font);font-size:var(--fs);color:var(--ink-2);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#c3c3c3}
::-webkit-scrollbar-track{background:#eee}