<style>
    /* ===== Footer Themes Sync Tokens ===== */
    :root {
        --ft-bg: #ffffff;
        --ft-border: #e2e8f0;
        --ft-text: #64748b;
        --ft-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

    @media (prefers-color-scheme: dark) {
        :root {
            --ft-bg: #1e293b;
            --ft-border: #334155;
            --ft-text: #94a3b8;
        }
    }

    [data-bs-theme="dark"] {
        --ft-bg: #1e293b;
        --ft-border: #334155;
        --ft-text: #94a3b8;
    }

    /* 
       Menerapkan token adaptif dan menghapus paksa inline utilities 
       bawaan Bootstrap yang berpotensi bentrok.
    */
    footer.footer-adaptive {
        background-color: var(--ft-bg) !important;
        border-top: 1px solid var(--ft-border) !important;
        color: var(--ft-text) !important;
        transition: var(--ft-transition);
    }

    footer.footer-adaptive span {
        color: var(--ft-text) !important;
    }
</style>

<footer class="footer-adaptive px-3 px-md-4 py-3 small">
    <div class="d-flex flex-column flex-sm-row align-items-center justify-content-between gap-1">
        <span>&copy; <?= date('Y') ?> Pakdema ERP</span>
        <span>Sistem manajemen operasional</span>
    </div>
</footer>