/* Advanced Claim Support · shared design system
   Professional legal-tech aesthetic: deep ink, confident indigo accent,
   warm paper work surfaces. Distinct from consumer products — this reads as
   software built for attorneys and adjusters. */
:root{
  --ink:#0E1526;
  --ink-2:#1B2540;
  --slate:#3A465F;
  --muted:#657089;
  --line:#E4E7EF;
  --line-2:#D3D8E4;
  --paper:#F7F8FB;
  --card:#FFFFFF;
  --indigo:#3B4FE0;
  --indigo-deep:#2A38B0;
  --indigo-soft:#EEF0FE;
  --gold:#C79A3A;
  --gold-soft:#FBF3DF;
  --green:#1E8A5B;
  --green-soft:#E7F5EE;
  --red:#C23B3B;
  --red-soft:#FBECEC;
  --amber:#B7791F;
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:22px;
  --shadow-sm:0 1px 2px rgba(14,21,38,.06);
  --shadow:0 2px 4px rgba(14,21,38,.05),0 14px 34px -14px rgba(14,21,38,.18);
  --shadow-lift:0 4px 8px rgba(14,21,38,.07),0 26px 54px -20px rgba(14,21,38,.26);
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--indigo);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--indigo);outline-offset:2px;border-radius:6px}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
h1,h2,h3{letter-spacing:-.02em;line-height:1.12;font-weight:700}
.serif{font-family:var(--serif)}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:15px;padding:12px 22px;border-radius:11px;border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--indigo);color:#fff;box-shadow:var(--shadow-sm)}
.btn-primary:hover{background:var(--indigo-deep);transform:translateY(-1px);box-shadow:var(--shadow-lift)}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--indigo);color:var(--indigo)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--ink-2)}
.btn-sm{padding:8px 14px;font-size:13.5px;border-radius:9px}

/* brand lockup — "Advanced Claim Support" is the primary wordmark,
   "For policyholder advocates" is the small secondary tag. Mark is /favicon.svg via <img>. */
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);letter-spacing:-.02em;text-decoration:none}
.brand:hover{text-decoration:none}
.brand-mark{width:34px;height:34px;border-radius:10px;flex:none;display:block}
.brand-name{font-weight:800;font-size:16.5px;line-height:1.04;letter-spacing:-.02em}
.brand-name small{display:block;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:3px}

.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:99px;border:1px solid var(--line-2);background:#fff;color:var(--slate)}
.pill.live{background:var(--green-soft);border-color:#B7E0CB;color:var(--green)}
.pill.mock{background:var(--gold-soft);border-color:#EBD9A6;color:var(--amber)}

/* severity + kind tags */
.tag{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:6px}
.tag.CRITICAL{background:var(--red-soft);color:var(--red)}
.tag.HIGH{background:#FBF0E4;color:var(--amber)}
.tag.MODERATE{background:var(--indigo-soft);color:var(--indigo)}
.tag.INFO{background:#EEF1F6;color:var(--slate)}
.tag.statute{background:var(--indigo-soft);color:var(--indigo-deep)}
.tag.admincode{background:#EAF0FB;color:#2C5AA8}
.tag.buildingcode{background:var(--green-soft);color:var(--green)}
.tag.caselaw{background:var(--gold-soft);color:var(--amber)}
