/* ==========================================================================
   Home Inspection Expert Witness: tokens.css
   Design tokens: colors, fonts, radii. Load before styles.css.
   ========================================================================== */
:root{
  /* Brand */
  --navy:#13243a;
  --navy-deep:#0e1b2c;
  --navy-mid:#102035;
  --charcoal:#2b3440;
  --brass:#b5893b;              /* text use only on navy (4.9:1) */
  --brass-soft:#c99d4f;

  /* Text */
  --ink:#2b3440;
  --muted:#55606d;
  --link:#1f4e79;
  --white:#fff;
  --on-navy:#e8edf2;
  --on-navy-muted:#c9d3dc;

  /* Surfaces and lines */
  --bg:#f8f6f1;
  --bg-alt:#f0ede5;
  --surface:#fff;
  --line:#e3dfd5;
  --line-strong:#c9c2b2;
  --input-border:#7b8794;
  --icon-bg:#eef1f5;
  --icon-ring:#dde3ea;
  --tile-bg:#ebe8e1;
  --tile-border:#dcd7cb;
  --tile-text:#56606c;
  --label-text:#3f4b58;
  --label-bg:#eef1f4;
  --label-border:#d5dbe1;
  --badge-text:#2f3d4a;
  --badge-border:#c5ccd3;
  --draft-bg:#fff3cd;
  --draft-text:#5c4400;
  --draft-border:#e0b100;
  --clear:transparent;

  /* Alpha colors (shadows, tints, glows) */
  --shadow-soft:rgba(19,36,58,.04);
  --shadow-1:rgba(19,36,58,.06);
  --shadow-2:rgba(19,36,58,.08);
  --shadow-3:rgba(19,36,58,.10);
  --shadow-header:rgba(14,27,44,.18);
  --shadow-edge:rgba(0,0,0,.12);
  --shadow-deep:rgba(0,0,0,.25);
  --tint-navy:rgba(19,36,58,.06);
  --tint-white:rgba(255,255,255,.08);
  --tint-white-faint:rgba(255,255,255,.035);
  --brass-glow:rgba(181,137,59,.12);
  --brass-glow-strong:rgba(181,137,59,.14);
  --brass-line:rgba(181,137,59,.35);
  --focus-halo:rgba(31,78,121,.18);

  /* Fonts */
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  /* Radii */
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-btn:8px;
  --radius:10px;
  --radius-lg:12px;
  --radius-xl:14px;
  --radius-round:50%;
}