:root {
  --primary-dark: #1a2e4a;
  --primary-mid:  #2c5282;
  --primary-accent: #3182ce;
}

.bg-primary-dark { background-color: var(--primary-dark) !important; }

body { background-color: #f8fafc; font-size: 0.925rem; }

.card { border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.card-header { background-color: #f0f4f8; border-bottom: 1px solid #e2e8f0; font-weight: 600; }

.table th { background-color: #f0f4f8; font-size: 0.8rem; text-transform: uppercase;
            letter-spacing: .04em; color: #4a5568; }

.status-badge { font-size: .72rem; padding: .25em .55em; border-radius: .4rem; font-weight: 600;
                text-transform: uppercase; letter-spacing: .03em; }

.stat-card { border-left: 4px solid var(--primary-accent); }
.stat-value { font-size: 1.8rem; font-weight: 700; color: var(--primary-dark); }
.stat-label { font-size: .78rem; color: #718096; text-transform: uppercase; letter-spacing: .05em; }

/* Line-item table in quote builder */
#items-tbody td { vertical-align: middle; }

.navbar-nav .nav-link { font-size: .88rem; }
.navbar-nav .nav-link.active { font-weight: 600; }

.page-header { border-bottom: 2px solid #e2e8f0; padding-bottom: .75rem; margin-bottom: 1.5rem; }