/* ============================================================
   Vendoor — shared design system (single source of truth for theme tokens)
   Linked by: admin.html, portal.html, compare.html, tenders.html
   (index.html is the public directory and keeps a white --bg of its own.)
   Change a colour here and it updates everywhere at once.
   ============================================================ */
:root {
  /* Brand */
  --navy: #143A6B;
  --navy-dark: #0E2B50;
  --navy-light: #2455A0;
  --orange: #F26522;
  --orange-dark: #D9531A;

  /* Surfaces */
  --bg: #F4F6FA;
  --bg-soft: #F4F6FA;
  --panel: #FFFFFF;
  --border: #E4E8EE;

  /* Text */
  --text: #1B2330;
  --text-muted: #5A6373;

  /* Status */
  --green: #2F8F4E;
  --green-soft: #E8F1E5;
  --amber: #C8881A;
  --amber-soft: #FBF1DC;
  --red: #C23B22;
  --red-soft: #FCE6E0;
  --blue-soft: #E4ECF8;

  /* Shape & depth */
  --radius: 8px;
  --shadow: 0 2px 8px rgba(20,58,107,0.06);
  --shadow-hover: 0 8px 20px rgba(20,58,107,0.12);
}