@import url("workflow-check-variables.css");
html { font-size: 16px; }
body { margin: 0; background: var(--wfc-surface); color: var(--wfc-text); font-family: Inter, "Segoe UI", Arial, sans-serif; }
a { color: var(--wfc-navy-700); text-decoration: none; }
a:hover { color: var(--wfc-blue-500); }
.wfc-page-title { margin: 0 0 1.25rem; color: var(--wfc-navy-900); font-size: 1.75rem; font-weight: 700; }
.wfc-card, .card { border: 1px solid var(--wfc-border); border-radius: var(--wfc-radius); background: var(--wfc-white); box-shadow: var(--wfc-shadow); }
.wfc-card-header, .card-header { border-bottom: 1px solid var(--wfc-border); background: var(--wfc-white); color: var(--wfc-navy-900); font-weight: 700; }
.badge.bg-primary { background-color: var(--wfc-navy-700) !important; }
.text-primary { color: var(--wfc-navy-700) !important; }