/* ============================================================
   Jiigi UI polish layer — Wave 4
   ------------------------------------------------------------
   Loaded AFTER app.css so these rules win by source order.
   Fully reversible: remove the <link> in pwa/layout/master.php.

   Purpose: unify the app's primary palette to the admin-configured
   brand blue (#007bff). The eDemand template shipped a default
   purple (#6C63FF) in app.css that never honoured the configured
   primary_color, so the logo/admin said blue while buttons/accents
   were purple. This harmonises everything to the brand blue.
   ============================================================ */
:root {
    --color-primary:        var(--pwa-primary, #007bff);
    --color-primary-light:  #3395ff;
    --color-primary-dark:   #0062cc;
    --color-primary-bg:     rgba(0, 123, 255, 0.08);
    --color-primary-border: rgba(0, 123, 255, 0.25);
}

/* Premium micro-interactions — scoped transitions, no layout shift. */
.btn,
.category-item,
.service-card,
.card {
    transition: background-color .15s ease, border-color .15s ease,
                box-shadow .15s ease, transform .06s ease;
}

.btn:active {
    transform: translateY(1px);
}

/* Accessible keyboard focus ring (pointer users unaffected). */
:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}