/* Design tokens — TB VeriCek UI v2 */
:root {
    --app-accent: #0d9488;
    --app-accent-hover: #0f766e;
    --app-border: #e2e8f0;
    --app-muted: #64748b;
    --app-text: #0f172a;
    --app-surface: #ffffff;
    --app-page: #f8fafc;
    --app-radius: 12px;
    --app-radius-sm: 8px;
    --app-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    --app-shadow-lg: 0 10px 28px rgba(15, 23, 42, 0.1);
    --app-font-size-sm: 0.8125rem;
    --app-rail-width: 72px;
    --app-sidebar-width: 240px;
    --app-topbar-height: 56px;
    --app-bottom-nav-height: 62px;
    --app-z-topbar: 1040;
    --app-z-rail: 1030;
    --app-z-bottom-nav: 1050;
    --app-z-drawer: 1060;
    --app-safe-bottom: env(safe-area-inset-bottom, 0px);
    --app-motor-tbplus: #d63939;
    --app-motor-dataeng: #206bc4;
    --app-motor-portfolio: #f59f00;
    --app-motor-index: #2fb344;
}

body.theme-light {
    background-color: var(--app-page);
    color: var(--app-text);
}