/* Torqos Brand Specifications Summary v2.4. Semantic status colours stay distinct. */
:root {
    --ink: #000000;
    --muted: #333333;
    --line: #CCCCCC;
    --surface: #FFFFFF;
    --accent: #1F9AFF;
    --accent-soft: #C2E3FF;
    --accent-pale: #E6F3FF;
    --bs-body-font-family: Arial, sans-serif;
    --bs-body-color: var(--ink);
    --bs-body-bg: var(--surface);
    --bs-primary: var(--accent);
    --bs-primary-rgb: 31, 154, 255;
    --bs-link-color: var(--ink);
    --bs-link-color-rgb: 0, 0, 0;
    --bs-link-hover-color: var(--muted);
    --bs-link-hover-color-rgb: 51, 51, 51;
    --bs-border-color: var(--line);
    --bs-focus-ring-color: var(--ink);
}

.btn-primary, .btn-outline-primary {
    --bs-btn-color: var(--ink);
    --bs-btn-border-color: var(--ink);
    --bs-btn-hover-color: var(--ink);
    --bs-btn-hover-bg: var(--accent);
    --bs-btn-hover-border-color: var(--ink);
    --bs-btn-active-color: var(--ink);
    --bs-btn-active-bg: var(--accent);
    --bs-btn-active-border-color: var(--ink);
    --bs-btn-disabled-color: var(--muted);
    --bs-btn-disabled-bg: var(--accent-pale);
    --bs-btn-disabled-border-color: var(--line);
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
}

.btn-primary { --bs-btn-bg: var(--accent); }
.btn-outline-primary { --bs-btn-bg: var(--surface); }
.text-primary { color: var(--ink) !important; }
.bg-primary, .text-bg-primary { color: var(--ink) !important; }
.page-link { color: var(--ink); }
.active > .page-link, .page-link.active {
    color: var(--ink);
    background: var(--accent);
    border-color: var(--ink);
}
.form-check-input:checked {
    background-color: var(--ink);
    border-color: var(--ink);
}
.form-check-input:focus, .form-control:focus, .form-select:focus {
    border-color: var(--ink);
    box-shadow: 0 0 0 3px var(--accent-soft);
}

/* Keep link affordances where text is interspersed with other content. */
.page-content a:not(.btn):not(.stat-card):not(.task-row) { text-decoration: underline; }
.eyebrow { color: var(--muted) !important; }
.sidebar nav a[aria-current] { box-shadow: inset 3px 0 var(--accent); }
.sidebar nav a:hover { text-decoration: underline; }
input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--ink);
    outline-offset: 2px;
}
