/* OBS HR System — base design tokens.
   Extend here as Phase 3+ builds out the real brand palette; kept minimal
   for Phase 1 since no visual design work has been commissioned yet. */

:root {
    --obs-primary: #b3121b;
    --obs-dark: #1a1a1a;
    --obs-radius: 0.5rem;
}

body {
    font-family: "Segoe UI", -apple-system, sans-serif;
}

html[dir="rtl"] body {
    font-family: "Cairo", "Segoe UI", sans-serif;
}

.kpi-card .kpi-value {
    color: var(--obs-dark);
}

.nav-pills .nav-link.active {
    background-color: var(--obs-primary);
}