:root {
    --accent: #36566b;
    --accent-dark: #284255;
    --ink: #233744;
    --muted: #5e707b;
    --line: #dfe6e9;
    --surface: #f3f6f7;
    --bs-primary: #36566b;
    --bs-primary-rgb: 54, 86, 107;
    --bs-secondary-color: #5e707b;
    --bs-link-color: #36566b;
    --bs-link-hover-color: #284255;
}
body { line-height: 1.8; }
.text-muted { color: #5e707b !important; }
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: #6a8d9b; box-shadow: 0 0 0 3px #36566b22; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #548b86; outline-offset: 3px; }
.btn-primary { --bs-btn-focus-shadow-rgb: 54, 86, 107; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; }
.table { font-size: 13px; }
.table thead th { font-size: 12px; color: #526673; background: #f4f7f8; }
.table td { color: #425866; }
.table tbody tr:hover { background: #f8fafb; }
.nav-item { font-size: 13px; color: #526673; padding-block: 10px; }
.nav-item.active { color: #285b57; background: #e5f0ee; }
.nav-item:hover { color: #285b57; background: #f0f6f5; }
.sidebar-caption, .system-status, .admin-footer { color: #637782; font-size: 11px; }
.brand small, .user-meta small { color: #637782; font-size: 11px; }
.user-meta strong { font-size: 12px; }
.breadcrumb-text, .top-date { color: #617580; font-size: 12px; }
.avatar { background: #e5f0ee; color: #285b57; }
.page-heading p, .stat-label, .mini-product strong, .pos-product strong { font-size: 13px; }
.page-heading p, .stat-label, .stat-foot, .chart-key, .mini-product small, .pos-product small, .empty-state { color: #617580; }
.heading-eyebrow, .stat-foot, .mini-product small, .pos-product small, .chart-key { font-size: 11px; }
.stat-icon { background: #eaf0f5; color: #36566b; }
.stat-icon.green { background: #e6f1ed; color: #33715c; }
.stat-icon.blue { background: #eaf0f7; color: #456589; }
.stat-icon.purple { background: #efedf5; color: #6d5b8c; }
.stat-value small { color: #637782; }
.badge-soft { background: #e8f3ed; color: #286247; font-size: 11px; }
.badge-soft.orange { background: #fbf1e4; color: #84521c; }
.badge-soft.red { background: #fbecea; color: #a33636; }
.badge-soft.gray { background: #eef1f4; color: #52616f; }
.badge-soft.blue { background: #eaf0f7; color: #395d8a; }
.quick-card { background: #2e4c5e; }
.quick-card p, .public-cta p { color: #d4dfe5; font-size: 12px; }
.quick-card .btn { background: #e5f0ee; border-color: #e5f0ee; color: #285b57; font-size: 12px; }
.quick-card .text-white-50 { color: #d4dfe5 !important; }
.branch-row { font-size: 12px; }
.branch-progress span { background: #548b86; }
.demo-note { color: #71592f; font-size: 11px; }
.pos-product .product-glyph { background: #eaf0f5; }
.hero { background: #edf3f3; }
.hero p, .hero-features, .section-heading p, .service-tile p, .public-page-heading p, .login-form > p { color: #596e79; }
.hero-features, .service-tile p, .public-header .nav-link, .login-return { font-size: 13px; }
.public-header .nav-link { color: #526673; }
.public-product .category { color: #617580; font-size: 11px; }
.public-footer { background: #233744; }
.public-footer a, .footer-line { color: #c3d0d8; font-size: 12px; }
.login-visual h1 span { color: #abd4cc; }
.login-visual small, .login-visual p, .login-visual .brand small { color: #c9d8df; }
.login-demo { background: #f3f6f7; border-color: #dfe6e9; color: #526673; font-size: 12px; }
.role-description { padding: 16px; border-radius: 8px; background: #f3f7f8; }
.role-description p { color: #526673; font-size: 13px; }
.role-guide summary { cursor: pointer; }
@media (max-width: 767px) {
    .page-heading { flex-wrap: wrap; }
    .page-heading .btn { font-size: 12px; }
    .table td, .table th { padding: 12px; }
    .hero-features { flex-wrap: wrap; }
}