/* ==========================================
   Firouze Design System
   Tabs v1.0
========================================== */

/* ===== Tabs Wrapper ===== */

.fz-tabs{
    display:flex;
    align-items:center;
    gap:var(--space-sm);
    border-bottom:1px solid var(--color-border);
}

/* ===== Tab Item ===== */

.fz-tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 20px;

    cursor:pointer;

    transition:var(--transition);
}

/* Reserved for future tab styles */